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

border-styleプロパティ

 border-styleプロパティは、エレメントのborder線の線種を定義できるプロパティです。

構文(Syntax)

CSS

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

DOM(JavaScript)

値の取得
object.style.borderStyle
値の設定
object.style.borderStyle=" 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