CSS - border-*-width
概要
| 属性名 |
border-top-width
border-right-width
border-bottom-width
border-left-width
|
|---|---|
| 値 | <length> | thin | mediun | thick |
| 初期値 | medium |
| 適用可能要素 | すべて |
| 継承 | 継承しない |
| メディア | visual |
| アニメーション | 可能 |
サポート (説明)
| CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|
| CSS1 | 4 | 1 | 1 | 3.5 | 1 |
説明
上側、右側、下側、左側のボーダーラインの太さを指定します。
| 値 | 説明 |
|---|---|
| <length> | 線の太さ指定します。詳細は <length> を参照してください。 |
| thin | 細い線にします。 |
| medium | 中程度の線にします。 |
| thick | 太い線にします。 |
使用例
CSS
.sample {
border: solid red;
border-top-width: 2px;
border-right-width: 4px;
border-bottom-width: 10px;
border-left-width: 16px;
width: 80px;
height: 80px;
margin: 1em;
}
HTML
<div class="sample"></div>
表示
関連項目
border, border-width, border-style, border-colorリンク
- http://www.w3.org/TR/CSS1/#border-top-width
- http://www.w3.org/TR/CSS2/box.html#border-width-properties
- http://www.w3.org/TR/css3-background/#the-border-width
- https://developer.mozilla.org/ja/docs/Web/CSS/border-top-width
- 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-width.htm