border-block-style プロパティ
border-block-style プロパティは、border-block の線種を指定するプロパティです。
writing-mode との組み合わせが有用です。
border-block プロパティは横書きでは上下、縦書きでは左右の囲み線を設定します。
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 | 二重線 |
groove | 3D丸みのある隆起した線 |
ridge | 3D隆起した線 |
inset | エレメント全体を凹んだ立体にみせる |
outset | エレメント全体を立体にみせる |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | none |
継承(Inherited) | no |
変化(Animatable) | no |