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

border-block-end-width プロパティ

 border-block-end-width プロパティは、border-block-end において線の太さを指定するプロパティです。 writing-mode との組み合わせが有用です。
 border-block-end プロパティは横書きでは下、縦書きでは左の囲み線を設定します。

border-block-end-width の設定
border-block-end-style: dotted;
border-block-end-width: 10px;

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

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

構文(Syntax)

CSS

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

DOM ( JavaScript )

値の取得
String = object.style.borderBlockEndWidth
値の設定
object.style.borderBlockEndWidth=" medium | thin | thick | length | initial | inherit "

値(Values)

medium初期値(default値)で、中ぐらい
thin細い
thick太い
lengthCSS 長さの単位を参照のこと
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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

Example