| プロパティ値 | CSSコード例 | プレビュー |
|---|---|---|
| none / hidden ボーダーを表示しない |
border: 5px none red;border: 5px hidden red; |
none |
| solid 実線 |
border: 5px solid red; |
solid |
| dashed 破線 |
border: 5px dashed blue; |
dashed |
| dotted 点線 |
border: 5px dotted green; |
dotted |
| double 二重線 |
border: 8px double purple; |
double |
| groove 溝のような立体的な線 |
border: 5px groove gray; |
groove |
| ridge 隆起したような立体的な線 |
border: 5px ridge brown; |
ridge |
| inset 要素全体が内側に凹んでいるように見える線 |
border: 5px inset orange; |
inset |
| outset 要素全体が外側に飛び出しているように見える線 |
border: 5px outset teal; |
outset |
枠線(ボーダー)
CSSコードと適用
プレビュー
プレビュー