CSS - border-*-style
概要
属性名 |
border-top-style
border-right-style
border-bottom-style
border-left-style
|
---|---|
値 | none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset |
初期値 | none |
適用可能要素 | すべて |
継承 | 継承しない |
メディア | visual |
アニメーション | 不可 |
サポート (説明)
CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
CSS1 | 5.5 | 1 | 1 | 3.5 | 1 |
説明
上側、右側、下側、左側のボーダーラインの線種を指定します。
値 | 説明 |
---|---|
none | 線を表示せず、線幅は0になります。他のセルの線と重なる場合は、他のセル線が優先されます。 |
hidden | 線を表示せず、線幅は0になります。他のセルの線と重なる場合は、hidden が優先されます。 |
dotted | 点線で表示します。 |
dashed | 破線で表示します。 |
solid | 実線で表示します。 |
double | 二重線で表示します。 |
groove | 線が窪んで見えるような線で表示します。 |
ridge | 線が突起して見えるような線で表示します。 |
inset | 領域全体が窪んで見えるような線で表示します。 |
outset | 領域全体が突起して見えるような線で表示します。 |
使用例
border-style を参照してください。
関連項目
border, border-width, border-style, border-colorリンク
- http://www.w3.org/TR/CSS2/box.html#border-style-properties
- http://www.w3.org/TR/css3-background/#the-border-style
- https://developer.mozilla.org/ja/docs/Web/CSS/border-top-style
- http://caniuse.com/#search=css%202.1%20properties
Copyright (C) 1997-2016 杜甫々
初版:1997年7月27日、最終更新:2016年1月3日
https://www.tohoho-web.com/css/prop/border-x-style.htm