borderショートハンドプロパティはボックスのすべてのボーダー全領域(top, right, bottom, left)のwidth, style, colorを指定します。
値 | [ <border-width>||
<border-style>||
<border-color> ]
| inherit |
---|---|
初期値 | border-widthプロパティ, border-styleプロパティ, border-colorプロパティの説明をご覧ください |
適用可能な要素 | すべての要素 |
継承のデフォルト動作 | 継承しない |
パーセンテージ値 | 指定不可 |
メディアグループ | visual |
計算値 | border-widthプロパティ, border-styleプロパティ, border-colorプロパティの説明をご覧ください |
省略された値は初期値が適用されます。
h1.test1 { border: thick solid red } h1.test2 { border: thick solid}
上記のスタイルシートを、以下のHTMLで使うと、
<h1 class="test3">H1要素</H1>
次のように表示されます。
test1クラスのH1要素ではすべての値が指定されていますが、test2クラスでは色の指定を省略していますので初期値が適用されます。