| 属性 |
説明 |
値/記述例 |
| 個別 |
border-top-color
border-bottom-color
border-left-color
border-right-color |
枠の色 |
カラーコード |
| 全体 |
border-color |
border-color:#0000ff;
※個別に指定したい時は
上下左右４つ分書きます。 |
| 個別 |
border-top-width
border-bottom-width
border-left-width
border-right-width |
枠の幅 |
medium
thin
thick
数字＋単位 |
標準
細線
太線
数字指定 |
|
| 全体 |
border-width |
border-width:3pt; |
| 個別 |
border-top-style
border-bottom-style
border-left-style
border-right-style |
枠のスタイル |
none
dotted
dashed
solid
double
groove
ridge
inset
outset |
枠無し
点線
粗い点線
実線
二重線
枠が凹型になる
枠が凸型になる
セルが凹型なる
セルが凸型なる |
|
| 全体 |
border-style |
border-style:double; |
| 個別 |
border-top
border-bottom
border-left
border-right |
幅・スタイル・色を
まとめて指定
|
幅・スタイル・色の値をそれぞれ
スペースで区切ってこの順番で書く |
| 全体 |
border |
border:3pt double #0000ff; |