境界線(border)

borderとは、上下左右のボーダーに関する設定を一括して指定するためのプロパティです。

具体的には、border-color、border-style、border-bwidthで指定する値を任意の順序でスペースで区切って指定します。

ただし、この場合、上下左右に別個の設定を行うことはできません。

Functional list
書式 border: <value:値>
<border-width> ||<border-style> ||<color>
初期値 未定義
適用要素 全ての要素
継承性 不可

borderプロパティーは要素の境界線のwidthstyleそしてcolorを設定する短縮型です。

境界線宣言の例では以下のものを含んでいます:

H2{ border: groove 3em }
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プロパティーを使わなければなりません。

戻る