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

border-inline-style プロパティ

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

border-inline-style の設定
border-inline-style: dotted;
border-inline-color: green;
詳しくは Example を参照してください

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

 左または右のみの線種を指定するには、 border-inline-start-style または border-inline-end-style を使用します。 縦書きになれば上または下のみの表示になります。

ページ内 Index

構文(Syntax)

CSS

border-inline-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