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

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

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

プロパティについて

概要

初期値 border-bottom-width: medium;
適用対象 すべての要素
継承 No
パーセント値 パーセント値は指定できません
計算値 絶対長(ただし、“none”と“hidden”の場合は“0”)
アニメーション 計算値

border-bottom-width”プロパティは下辺の境界線の太さを指定するプロパティです。

CSSのボックスモデル

既定では“border-bottom-width”プロパティで指定される境界線の太さはwidth”プロパティheight”プロパティでサイズが指定されるコンテント・ボックスよりも外側に配されます。

サンプルコード

div { border-bottom-width: 10px;}

説明
<line-width>”値
thin 既定の太さのより細い境界線
medium 既定の太さの境界線
thick 既定の太さのより太い境界線
<length> pxemなどで輪郭線の太さを指定
他の値
共通キーワード

仕様書

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

定義あり

定義あり
Level 1 Level 2 Level 3
勧告(REC) 勧告(REC) 勧告候補(CR)
thin
定義あり

定義あり

定義あり
medium
定義あり

定義あり

定義あり
thick
定義あり

定義あり

定義あり
<length>
定義あり

定義あり

定義あり

使用例

キーワード値で指定する

div {
border-style: solid;
border-bottom-width: thin;
}
border-bottom-width: thin;
div {
border-style: solid;
border-bottom-width: medium;
}
border-bottom-width: medium;
div {
border-style: solid;
border-bottom-width: thick;
}
border-bottom-width: thick;

<length>”値で指定する

div {
border-style: solid;
border-bottom-width: 5px;
}
border-bottom-width: 5px;
div {
border-style: solid;
border-bottom-width: 5em;
}
border-bottom-width: 5em;
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク