CSS border-bottom | CSS プロパティ値| 意味使い方実例

CSS border-bottom| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル

2018-06-08 css-reference

ページコンテンツ

`border-bottom` CSS プロパティとは

トピック：要素の下端の幅、スタイル、および色を設定する、ことができる border-bottom-width、border-bottom-style、border-bottom-colorの各ボトムボーダープロパティを一度に設定するための短縮タイププロパティ

h1 {
    border-bottom: 5px solid red;
}

h2 {
   border-bottom: 4px dotted blue;
}

div {
   border-bottom: double;
}

デフォルト値・初期値 :	以下の一括指定の各プロパティとして `border-bottom-width`: `medium` `border-bottom-style`: `none` `border-bottom-color`: `currentcolor`
適用対象 :	全要素。 `::first-letter` にも適用されます。
継承 :	不可
メディア :	visual
計算値 :	以下の一括指定の各プロパティとして `border-bottom-width`: 絶対的な長さ、または `border-bottom-style` が `none` または `hidden` の場合は 0 `border-bottom-style`: 指定値 `border-bottom-color`: 計算された色
`CSS Version`	`CSS1 ～`
アニメーションの種類 :	以下の一括指定の各プロパティとして `border-bottom-color`: 色 `border-bottom-style`: 個別 `border-bottom-width`: length
JavaScript 構文	object.style.borderBottom="15px dotted lightblue"
正規順序 :	形式文法における値の出現順
CSSの構文	`border-bottom: border-width, border-style, border-color \|initial \|inherit;`

：border-bottom 関連記事