CSS

The CSS property "border-block-start-width" sets the width of the border that is positioned on the start edge (top) of an element.

border-block-start-width

　border-block-start-widthプロパティは、要素のブロックの始点側（上端）に配置されるボーダーの幅を設定するためのプロパティです。

　このプロパティは、テキストの書き方に応じて方向が変わる言語（例：アラビア語）でのレイアウトにおいて、要素の始点側にボーダーを設定する必要がある場合に使用されます。

　例えば、以下のような CSSコードを考えてみましょう。

CSS

div {
	border-block-start-width: 3px;
	border-style: solid;
	border-color: black;
}

　このコードは、div要素の始点側に３ピクセル幅の黒い実線のボーダーを追加します。このプロパティを使用することで、要素の始点側にボーダーを追加することができます。

　border-block-start-widthプロパティの値は、次のように設定することができます。

　また、このプロパティは、border-block-start-styleおよび border-block-start-colorプロパティと組み合わせて使用することができます。これらのプロパティを使用することで、要素の始点側に適切なスタイルと色のボーダーを追加することができます。

　最後に、このプロパティは、以下の要素に対して使用することができます。

border-block-start-widthプロパティの概要

書式
border-block-start-width: 値;
適用対象
すべての要素
初期値
medium
値の継承
しない
指定できる値
数値で指定
数値に px や em や ex などの単位をつけて指定します。px とは１ピクセルを１とする単位で、実際に表示されるサイズは 72dpi や 96dpi といったモニタの解像度により変化します。また、em とはフォントの高さを１とする単位で、ex とは小文字の「 x 」（エックス）の高さを１とする単位です。なお、マイナスの値を指定することはできません。

1px

1em

1ex

キーワードで指定
thin（細い）、medium（普通）、thick（太い）のうち、いずれかを指定します。キーワードで指定する場合、実際に表示される太さはブラウザにより異なります。

thin

medium

thick

パーセント値
包括ブロックの論理的な幅
計算値
絶対的な長さ、境界スタイルが none または hidden であれば 0
アニメーションの種類
length