border-inline-style プロパティ
border-inline-style プロパティは、border-inline の線種を指定するプロパティです。
writing-mode との組み合わせが有用です。
border-inline プロパティは横書きでは左右、縦書きでは上下の囲み線を設定します。
border-inline-style: dotted;
border-inline-color: green;
詳しくは Example を参照してください
色のみを指定するには、border-inline-color プロパティを、太さのみを指定するには、border-inline-width プロパティを使用します。 この２つのプロパティは、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 | 二重線 |
| groove | ３D丸みのある隆起した線 |
| ridge | ３D隆起した線 |
| inset | エレメント全体を凹んだ立体にみせる |
| outset | エレメント全体を立体にみせる |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | none |
| 継承（Inherited） | no |
| 変化（Animatable） | no |