CSS

The CSS property border-block-start-color is used to specify the color of the border that is positioned along the block-level top edge (usually the top) of an element.

border-block-start-color

 border-block-start-colorプロパティは、要素のブロックレベルの上端(通常は上部)に沿って配置される境界線の色を指定します。つまり、要素の上側にあるボーダーの色を変更するために使用されます。

 このプロパティは、ブロックコンテナの要素(たとえば、divや section)に適用されます。具体的には、border-block-start-colorプロパティは、以下のような構文を持ちます。


border-block-start-color: color | transparent | initial | inherit;

 ここで、指定可能な値は以下の通りです。

color
ボーダーの色を指定します。CSSのカラー値を使用します。
transparent
ボーダーを透明にします。
initial
ボーダーの色を規定値に設定します。
inherit
親要素からボーダーの色を継承します。

 例えば、以下のように記述することで、要素の上側にあるボーダーを赤色に設定できます。


div {
	border-block-start-color: red;
}