CSSのborderプロパティとは
CSSのborderプロパティは、要素の境界線のスタイル、幅、色を設定するために使われます。
1行で全ての境界スタイルを設定することも、それぞれの境界スタイル、幅、色を設定することもできる。
border属性の値は次の通りです
- 境界線スタイル:実線(solid)、破線(dashed)、点線(dotted)など、境界線のスタイルを設定する。
- ボーダー幅:ボーダーの幅を設定します。ピクセル(px)、パーセント(%)、em などの単位を使用できます。
- border-color:枠の色を設定し、色名、16 進数、RGB 値などを利用できます。
- border-radius:境界の角丸を設定します。四隅すべてに同じ半径を設定することも、特定の角のみに半径を設定することもできます。
- border: 略記プロパティで、すべてのborder系プロパティを一括で設定するためのもの。
例えば、border: 1px solid red;は、要素に赤い色、幅1ピクセル、実線のスタイルの境界線を設定します。