ホームページの作り方・WordPress・jQuery・SEO

2013.10.15 / 更新日:2013.10.15

枠線の形式指定 [border-style]

border-top-style:形式 上の線
border-bottom-style:形式 下の線
border-left-style:形式 左の線
border-right-style:形式 右の線
border-style:

・形式
none
solid
double
dashed
dotted
groove
ridge
inset
outset

[CSS]

.sample1{border-style:none}
.sample2{border-style:solid}
.sample3{border-style:double}
.sample4{border-style:dashed}
.sample5{border-style:dotted}
.sample6{border-style:groove}
.sample7{border-style:ridge}
.sample8{border-style:inset}
.sample9{border-style:outset}

none

solid

double

dashed

dotted

groove

ridge

inset

outset

« »

トップ