border-top-style、border-right-style、border-bottom-style、border-left-styleプロパティ
border-top-style、border-right-style、border-bottom-style、border-left-styleプロパティの概要
| 機能 |
ボーダー（枠線）のスタイルを上下左右で個別に定義 |
| 指定可能な値 |
none(hidden), solid, double, dotted, dashed, groove, ridge, inset, outset |
| 初期値 |
none |
| 継承 |
しない |
| 適用可能なボックス |
全て |
border-top-style、border-right-style、border-bottom-style、border-left-styleプロパティは、要素のボーダー（枠線）のスタイルを上下左右で個別に定義します。指定できるプロパティの値は、border-styleと同じです。
div.solid {
border-top-style: solid;
}
div.double {
border-right-style: double;
}
div.dotted {
border-bottom-style: dotted;
}
div.dashed {
border-left-style: dashed;
}
div.groove {
border-top-style: groove;
border-bottom-style: groove;
}
div.ridge {
border-right-style: ridge;
border-left-style: ridge;
}
div.inset {
border-top-style: inset;
border-left-style: inset;
}
div.outset {
border-bottom-style: outset;
border-right-style: outset;
}
このプロパティはあまり使用されません
これら、border-top-style、border-right-style、border-bottom-style、border-left-styleプロパティを使用して表示するスタイルは、
- border-top
- border-right
- border-bottom
- border-left
を使用しても実現できるので、通常、あまり使用することはありません。
|
2009 W-D-L.NET
border-style
このページの先頭