padding-xxx-yyy
CSSの書き方
border-xxx-yyy:値 ;
CSSの詳細情報 | |||||
---|---|---|---|---|---|
プロパティ名 | border-xxx-yyy | 対応ブラウザ | Windows | MAC | |
読み方 | ボーダー | IE 5.0以上/FF1.0/NS7.1/OP8.0 | SF/IE5.0 | ||
意味 | ボーダー詳細指定 | CSSレベル | CSSレベル1 | ||
設定値 | サイズ/線種/カラー | 対象 | すべての要素 | ||
デフォルト | medium(太さ)/none(線種)/colorプロパティの標準色 | 継承 | しない |
解説
ボーダーの線種やサイズ、色を上下左右の方向ごとに設定できる指定方法です。
「xxx」には「top(上)」、「bottom(下)」、「left(左)」、「right(上)」いずれかの方向が入ります。
また、「yyy」には「width(太さ)」、「color(色)」、「style(線種)」のいずれかの記述が入ります。
これらの設定は他のプロパティのでも代用が可能なため、あまり賢い書き方とは言えません。
詳しい解説については省略します。
以下の各項目を参照してください。
- 外枠(ボーダー)を上下左右それぞれ一括で指定する border-xxx
- 外枠(ボーダー)の線種を指定する border-style
- 外枠(ボーダー)の色を指定する border-color
- 外枠(ボーダー)の太さを指定する border-width