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

定義と使用法

border-block-start-color 属性を設定して、要素がブロック方向の開始位置のボーダーカラーを定義します。

注意：要使 border-block-start-color 属性が有効になるためには、 border-block-start-style 属性

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

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

インスタンス

例 1

ブロック方向の開始位置のボーダーカラーを設定：

div {
  border-block-start-style: solid;
  border-block-start-color: pink;
}

実際に試してみる

例 2：writing-mode 属性の組み合わせ

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

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

実際に試してみる

CSS 语法

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

属性値

技術的詳細

ブラウザのサポート

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

関連ページ

チュートリアル：CSS 边框

参照：CSS ボーダー属性

参照：CSS ボーダーブロック属性

参照：CSS ボーダーブロックカラー属性

参照：CSS ボーダーブロックエンドカラー属性

参照：CSS ボーダーブロックスタートスタイル属性

参照：CSS ボーダーボトムカラー属性

参照：CSS border-left-color 属性

参照：CSS border-right-color 属性

参照：CSS border-top-color 属性

参照：CSS writing-mode 属性