外枠(ボーダー)を個別で指定する
CSSの書き方
border-xxx-yyy:値 ;
|
|||||||||||||||||||||||||||||||||||
解説
ボーダーの線種やサイズ、色を上下左右の方向ごとに設定できる指定方法です。「xxx」には「top(上)」、「bottom(下)」、「left(左)」、「right(上)」いずれかの方向が入ります。また、「yyy」には「width(太さ)」、「color(色)」、「style(線種)」のいずれかの記述が入ります。
これらの設定は他のプロパティのでも代用が可能なため、あまり賢い書き方とは言えません。詳しい解説については省略します。以下の各項目を参照してください。
- 外枠(ボーダー)を上下左右それぞれ一括で指定する border-xxx
- 外枠(ボーダー)の線種を指定する border-style
- 外枠(ボーダー)の色を指定する border-color
- 外枠(ボーダー)の太さを指定する border-width
