CSS border-widthプロパティ


例

4つのボーダーの幅を設定します：

p { border-style:solid; border-width:15px; }

試してみる »

プロパティの定義と使用説明

border-widthプロパティは、要素の4つのボーダーの幅を設定します。このプロパティは1〜4個の値を指定できます。

例：

border-width:thin medium thick 10px;

  • 上ボーダーは細いボーダーです
  • 右ボーダーは中程度のボーダーです
  • 下ボーダーは太いボーダーです
  • 左ボーダーは10pxの幅のボーダーです

border-width:thin medium thick;

  • 上ボーダーは細いボーダーです
  • 右ボーダーと左ボーダーは中程度のボーダーです
  • 下ボーダーは太いボーダーです

border-width:thin medium;

  • 上ボーダーと下ボーダーは細いボーダーです
  • 右ボーダーと左ボーダーは中程度のボーダーです

border-width:thin;

  • 4つのボーダーすべてが細いボーダーです
デフォルト値： medium
継承： no
バージョン： CSS1
JavaScript 構文： object.style.borderWidth="thin thick"

ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。

プロパティ
border-width 1.0 4.0 1.0 1.0 3.5

プロパティ値

值 説明
thin 細いボーダーを定義します。
medium デフォルト。中程度のボーダーを定義します。
thick 太いボーダーを定義します。
length ボーダーの幅をカスタマイズできます。
inherit 親要素からボーダー幅を継承することを指定します。

関連記事

CSS チュートリアル：CSS Border

その他の拡張