境界線(border)
borderとは、上下左右のボーダーに関する設定を一括して指定するためのプロパティです。
具体的には、border-color、border-style、border-bwidthで指定する値を任意の順序でスペースで区切って指定します。
ただし、この場合、上下左右に別個の設定を行うことはできません。
| 書式 | border: <value:値> |
|---|---|
| 値 | <border-width> ||<border-style> ||<color> |
| 初期値 | 未定義 |
| 適用要素 | 全ての要素 |
| 継承性 | 不可 |
borderプロパティーは要素の境界線のwidth・styleそしてcolorを設定する短縮型です。
境界線宣言の例では以下のものを含んでいます:
H2{ border: groove 3em }
A:link { border: solid blue }
A:visited { border: thin dotted #800080 }
A:active { border: thick double red }
A:link { border: solid blue }
A:visited { border: thin dotted #800080 }
A:active { border: thick double red }
borderプロパティーは四つの境界線全てを設定するだけです;ただ一つの境界線幅と境界線様式が与えられます。
要素の四つの境界線に異なる値を与えるには、制作者は一つ以上の border-top・ border-right・ border-bottom・ border-left・ border-color・ border-width・ border-style・ border-top-width・ border-right-width・ border-bottom-widthまたは border-left-widthプロパティーを使わなければなりません。