境界線
「border-bottom-width」プロパティ
「border-bottom-width」プロパティは、下部のボーダー(境界線)の太さを指定するCSSプロパティです。
「border-bottom-width」プロパティの値
下部のボーダー(境界線)の太さを指定する値は「px」「em」などの値を指定することができます。
また、「border-bottom-width」プロパティと同時に設定が出来るプロパティの種類がいくつかあります。
【プロパティの種類】
・border-top-width
・border-left-width
・border-right-width
「border-bottom-width」プロパティの指定方法
下部のボーダー(境界線)の太さを指定する場合は、「border-bottom-width」プロパティを使い適応する値を指定することで実装できます。
「border-bottom-width」プロパティ
セレクタ{
border-bottom-width:下部のボーダー(境界線)の太さ;
}
値例(太さ)
/* px値 */
border-bottom-width: 1px;
border-bottom-width: 4px;
/* em値 */
border-bottom-width: 1em;
border-bottom-width: 4em;
値例(基本)
/* 基本値(使い方①) */
border-color: red;
border-style: solid;
border-bottom-width: 1px;
/* 基本値(使い方②) */
border-color: #000000;
border-style: double;
border-bottom-width: 4em;
/* 基本値(使い方③) */
border-color: #ff7200;
border-style: dashed;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
表示例
下部のボーダー(境界線)(5px solid red)
下部のボーダー(境界線)(1em double #000000)