Home
/
枠線の太さ・色・形式をまとめて指定
/ 下側の枠線の太さ・色・形式をまとめて指定 :
border-bottom
下側の枠線の太さ・色・形式をまとめて指定 :
border-bottom
::: 書 式 :::
border-bottom
: 下側の枠線の太さ・色・形式のプロパティ値
::: プロパティ値 :::
枠線の太さ・色・形式のプロパティ値には、下記のプロパティの値を指定します。
border-width
のプロパティ値
border-color
のプロパティ値
border-style
のプロパティ値
::: 解 説 :::
「
border-bottom
」プロパティで、下側の枠線の太さ・色・形式を一度に設定できます。
必要な値を任意の順番で、半角スペースで区切って指定します。
指定しない値は、初期値が指定されます。
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
スタイルシート(CSS) = 下側の枠線の太さ・色・形式をまとめて指定 =
スタイルシート(CSS) = 下側の枠線の太さ・色・形式をまとめて指定 =
「border-bottom: dotted #ff0000 4px」を指定
「border-bottom: solid #ffff00 4px」を指定
</body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
枠線の太さ・色・形式をまとめて指定
border
border-top
border-bottom
border-left
border-right
border-width
border-color
border-style
Copyright (C) 2009 Html-Labs All Rights Reserved.
必要な値を任意の順番で、半角スペースで区切って指定します。
指定しない値は、初期値が指定されます。