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

border-block-style プロパティ

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

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

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

 色のみを指定するには、border-block-color プロパティを、太さのみを指定するには、border-block-width プロパティを使用します。 この2つのプロパティは、border-block-style プロパティをしていしなければ表示されません。

 border-block-style は上辺または左辺、下辺または右辺ごとに線種を指定することができます。 詳しくは上辺は border-block-start-style プロパティ、下辺は border-block-end-style プロパティを参照してください。

ページ内 Index

構文(Syntax)

CSS

border-block-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit ;

DOM ( JavaScript )

値の取得
object.style.borderBlockColor
値の設定
object.style.borderBlockColor=" none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit "

値(Values)

Value摘要
none初期値(default値)
hidden非表示
dottedドット点線
dashed点線
solid実線
double二重線
groove3D丸みのある隆起した線
ridge3D隆起した線
insetエレメント全体を凹んだ立体にみせる
outsetエレメント全体を立体にみせる
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)no
変化(Animatable)no

Example