border-top, border-right, border-bottom, border-left
上下左右の境界線

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
適用対象
継承 継承しない
初期値 各プロパティの初期値を参照
メディア
  • visual

境界線の太さ、色、スタイルを一括で指定するプロパティです。(上下左右の境界線を個別に設定します)


border-top: 2px #ff0000 solid;
border-right: 4px #00ff00 double;
border-bottom: 6px #0000ff dotted;
border-left: 8px #000000 dashed;

プロパティの値
プロパティ名 説明
border-top (上)
border-right (右)
border-bottom (下)
border-left (左)
border-width の値 境界線の太さを指定
border-color の値 境界線の色を指定
border-style の値 境界線のスタイルを指定
  • それぞれの値は、半角スペースで区切って記述します。
  • 記述する順序は自由で、必要のない指定は省略することもできます。
  • 境界線スタイルの指定を省略すると、境界線が表示されなくなってしまいます(初期値がnoneなので)。境界線を表示する場合は、この指定を省略しないようにしてください。
このプロパティに関連する目的別リファレンス
境界線の設定をひとまとめに行う
リンクテキストの下線を変更する