CSSのborderプロパティとは

CSSのborderプロパティは、要素の境界線のスタイル、幅、色を設定するために使われます。

1行で全ての境界スタイルを設定することも、それぞれの境界スタイル、幅、色を設定することもできる。

border属性の値は次の通りです

  1. 境界線スタイル:実線(solid)、破線(dashed)、点線(dotted)など、境界線のスタイルを設定する。
  2. ボーダー幅:ボーダーの幅を設定します。ピクセル(px)、パーセント(%)、em などの単位を使用できます。
  3. border-color:枠の色を設定し、色名、16 進数、RGB 値などを利用できます。
  4. border-radius:境界の角丸を設定します。四隅すべてに同じ半径を設定することも、特定の角のみに半径を設定することもできます。
  5. border: 略記プロパティで、すべてのborder系プロパティを一括で設定するためのもの。

例えば、border: 1px solid red;は、要素に赤い色、幅1ピクセル、実線のスタイルの境界線を設定します。

bannerAds