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

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

2018-06-11 css-reference

ページコンテンツ

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

トピック：要素の右端の幅、スタイル、色を設定する、事ができる個々の右ボーダープロパティ、これは border-right-width、border-right-style、border-right-colorを一度に設定するための簡略化されたプロパティ

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

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

div {
   border-right: double;
}

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

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

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

：border-right 関連記事