Dec. 5th,2020
プロパティについて
＃
概要
| 初期値 |
“border-bottom-width: medium;” “border-bottom-style: none;” “border-bottom-color: currentColor;” |
| 適用対象 | すべての要素 |
| 継承 | No |
| パーセント値 | パーセント値は指定できません |
| 計算値 | 一括指定が対象とする各プロパティの定義に依る |
| アニメーション | 一括指定が対象とする各プロパティの定義に依る |
“border-bottom”プロパティは要素の下辺の境界線の太さ、見た目、色を指定する以下のプロパティの一括指定プロパティです。
サンプルコード
div { border-bottom: 5px dotted rgb(204,153,204);}
＃
値
| 値 | 説明 |
|---|---|
| <line-width> | “border-bottom-width”プロパティの値 |
| <line-style> | “border-bottom-style”プロパティの値 |
| <color> | “rgb()”関数や16進数カラーコード、カラーネームなどで境界線の色を指定 (“border-bottom-width”プロパティの値) |
| 共通キーワード |
“<line-width>”値、“<line-style>”値、“<color>”値をホワイトスペースで区切って1個ずつ指定できます。値を記述する順番は自由で、初期値のままで良い値は省略できます。ただし、“<line-style>”値を指定しない場合は既定値が境界線を表示しない“none”のため、境界線が表示されません。
＃
使用例
＃
