CSS ボーダーボトムスタイル属性

定義と用法

border-bottom-style は、要素の下端のボーダースタイルを設定します。

この値が none でない場合にのみボーダーが表示されます。

CSS1では、HTMLユーザーエージェントは SOLIDおよび noneのみをサポートする必要があります。

参照もしてください：

CSS チュートリアル：CSS 边框

CSS リファレンスマニュアル：border-bottom 属性

HTML DOM リファレンスマニュアル：borderBottomStyle 属性

例

下端のボーダースタイルを設定：

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

実際に試してみてください

CSS 言語

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性値

値 説明
none ボーダーを定義します。
hidden 「none」と同じですが、テーブルに対して適用されない場合があります。テーブルの場合、hidden がボーダー干渉を解決するために使用されます。
dotted 点線を定義します。ほとんどのブラウザでは SOLIDラインとして表示されます。
dashed 破線を定義します。ほとんどのブラウザでは SOLIDラインとして表示されます。
solid ス SOLIDラインを定義します。
double ダブルラインを定義します。ラインの幅は border-width の値に等しいです。
groove 3D 島状ボーダーを定義します。効果は border-color の値によって決まります。
ridge 3D ボーダーのボリュームを定義します。効果は border-color の値によって決まります。
inset 3D inset ボーダーを定義します。効果は border-color の値によって決まります。
outset 3D outset ボーダーを定義します。効果は border-color の値によって決まります。
inherit 親要素からボーダースタイルを継承することを規定しています。

技術的詳細

デフォルト値： not specified
継承性： no
バージョン： CSS1
JavaScript 言語： object.style.borderBottomStyle="dotted"

他の例

下端のボーダースタイルの設定
下端のボーダースタイルの設定方法を示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2