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

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

2018-06-10 css-reference

ページコンテンツ

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

トピック：要素の左境界線の幅、スタイル、色を設定することができる個々の左ボーダープロパティ、これは border-left-width、border-left-style、およびborder-left-colorを1つの宣言で設定するための簡略化されたプロパティ

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

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

div {
   border-left: double;
}

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

値	説明
`border-left-width`	必須。左端の幅を指定するデフォルト値は "medium"です。
`border-left-style`	必須。左端のスタイルを指定するデフォルト値は "none"です。
`border-left-color`	オプション。左端の色を指定するデフォルト値はテキストの色です
`initial`	このプロパティをデフォルト値に設定する
`inherit`	親要素からこのプロパティを継承する

情報：この一括指定プロパティの3つの値は、任意の順序で指定でき、1つ又は、2つの値は省略できる

：border-left 関連記事