一括指定

border

border-top

border-bottom

border-right

border-left

個別指定/線の太さ

border-width

border-top-width

border-bottom-width

border-right-width

border-left-width

個別指定/線の色

border-color

border-top-color

border-bottom-color

border-right-color

border-left-color

個別指定/線の種類

border-style

border-top-style

border-bottom-style

border-right-style

border-left-style

値 / 線の太さ

長さの単位 “px” が一般的

thin（細め）

medium（標準）

thick（太い）

値 / 線の種類

none（なし）

hidden（なし）

dotted（点線）

dashed（破線）

solid（実線）

double（二重線）

groove（窪み）

ridge（隆起）

inset（内側に窪み）

outset（外側に窪み）

値 / 線の色

RGB値、カラーネーム

transparent（透過）

対象

すべての要素

継承の有無

なし

ポイント

標準準拠モードでは、borderはwidthに含まない。

transparentは古いタイプのブラウザでは一部未対応。

border-styleサンプル

dotted

dashed

solid

double

groove

ridge

inset

outset