ボックス構造
ボーダー領域の種類(線種)を定義
要素名{
border-style:値;
}
none solid double dashed botted groove ridge inset outset
ボーダー領域の幅を定義
要素名{
border-width:値;
}
ボーダー領域の色を定義
要素名{
border-color:値;
}
ボーダー領域を一括定義
※個別に設定することも可能
ボーダーを角丸にする
要素名{
:border-radius;値
}
- 値が1つ・・・四隅に適用
- 値が2つ・・・[左上・右下] と [左下・右上]
- 値が3つ・・・[左上] と [左下・右上] と [右下]
- 値が4つ・・・[左上]と[右上]と[右下]と[左下]
※水平方向と垂直方向の半径は「/」で区切る。