備忘録的プログラミングリファレンス

border-block-color プロパティ

 border-block-color プロパティは、border-block の線の色を指定するプロパティです。 writing-mode との組み合わせが有用です。
 border-block プロパティは横書きでは上下、縦書きでは左右の囲み線の設定になります。

border-block-color の設定
border-block-style: dotted;
border-block-color: green;

詳しくは Example を参照してください

 このプロパティが機能するには、border-block または border-block-style で線種を指定する必要があります。
 太さのみを指定するには、border-block-width プロパティを使用します。

 border-block-color は、上辺 border-block-start-color下辺 border-block-end-colorのそれぞれで色を指定することができます。

ページ内 Index

構文(Syntax)

CSS

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

 color については CSS Color を参照を参照してください。

DOM ( JavaScript )

値の取得
String = object.style.borderBlockColor
値の設定
object.style.borderBlockColor=" none | color | transparent | initial | inherit "

値(Values)

Value摘要
none初期値(default値)
colorCSS Colorを参照
transparent透明色
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)エレメントの色
継承(Inherited)no
変化(Animatable)yes

Example