ボーダーの幅を指定する
border-top-width
border-right-width
border-bottom-width
border-left-width
{
border-top-width
{
border-right-width
{
border-bottom-width
{
border-left-width
border-width系のプロパティは、ボーダーの幅(太さ)を指定します。それぞれ上辺、右辺、下辺、左辺に対応しています。
初期値 | medium |
---|---|
継承 | なし |
適用される要素 | すべての要素 |
モジュール | Backgrounds and Borders Module Level 3 |
値の指定方法
幅
thin | 細いボーダーとなります。 |
---|---|
medium | 通常のボーダーとなります。 |
thick | 太いボーダーとなります。 | 任意の数値+単位 | ボーダーの幅を単位付きの数値で指定します。 |
サンプルコード
div{ border-style: solid; border-top-width: medium; border-right-width: 30px; border-bottom-width: 1px; border-left-width: 5px; border-color: #ff0000; }