CSS ボーダーブロックスタート幅属性

定義と使用方法

border-block-start-width 属性を設定して、要素がブロック方向の開始位置の枠の幅を定義します。

注意：するために、 border-block-start-width 属性が効果を発揮するには、 border-block-start-style 属性。

CSS border-block-start-width 属性はCSS属性 border-bottom-width、border-left-width、border-right-width および border-top-width 非常に似ているが、 border-block-start-width 属性はブロック方向に依存しています。

注意：関連するCSS属性 writing-mode ブロック方向を定義します。これはブロックの開始位置と終了位置、および border-block-start-width 属性の結果。英語のページでは、インライン方向は左から右、ブロック方向は下に向かっています。

ブロック方向の開始位置の枠の幅を設定します：

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

ブロック方向の開始位置の位置は、 writing-mode 属性の影響：

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-width: 5px;
}

border-block-start-width: medium|thin|thick|length|initial|inherit;

値	説明
medium	中程度の幅の枠を指定します。デフォルト値。
thin	細い枠を指定します。
thick	粗い枠を指定します。
length	あなたが枠の厚みを定義できるようにします。また、参照してください：CSS 単位。
initial	この属性をデフォルト値に設定します。参照してください： initial。
inherit	親要素からこの属性を継承します。参照してください： inherit。

デフォルト値：	medium
継承性：	いいえ
アニメーション作成：	サポート。参照してください：アニメーション関連属性。
バージョン：	CSS3
JavaScript文法：	object.style.borderBlockStartWidth="10px"

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome	Edge	Firefox	Safari	Opera
69.0	79.0	41.0	12.1	56.0