このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

border-bottom”プロパティ:下辺の境界線

記事Dec. 5th,2020
下辺の境界線を指定するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: currentColor;
適用対象 すべての要素
継承 No
パーセント値 パーセント値は指定できません
計算値 一括指定が対象とする各プロパティの定義に依る
アニメーション 一括指定が対象とする各プロパティの定義に依る

border-bottom”プロパティは要素の下辺の境界線の太さ、見た目、色を指定する以下のプロパティの一括指定プロパティです。

CSSのボックスモデル

サンプルコード

div { border-bottom: 5px dotted rgb(204,153,204);}

<line-width>”値<line-style>”値<color>”値ホワイトスペースで区切って1個ずつ指定できます。値を記述する順番は自由で、初期値のままで良い値は省略できます。ただし、<line-style>”値を指定しない場合は既定値が境界線を表示しない“none”のため、境界線が表示されません。

仕様書

定義されている仕様書
Level 1 Level 2 Level 3
勧告(REC) 勧告(REC) 勧告候補(CR)
border-bottom
定義あり

定義あり

定義あり

使用例

下辺の境界線を指定する

div {
border-bottom: 5px dotted rgb(204,153,204);
}
border-bottom: 5px dotted rgb(204,153,204);
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク