borderプロパティは、ボックスの上下左右のボーダー領域をコントロールします。指定できるのは線の太さ、線の種類、線の色。ボーダー領域については、下記サンプル図を参照。
- 一括指定
-
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
