無料ホームページ作成！ＣＳＳ・スタイルシート
border-width

無料ホームページ作成！CSS・ボックス
border-width属性

ホームページのボックスの枠線の太さを変える

枠線の太さ

このborder-width属性はボックスの枠線の太さを変更する属性です、枠線の太さを太くしすぎるとホームページが重い感じになってしまうのでなるべく細めにしましょう。

• border-width:1px;(上下左右の太さ)
• border-width:1px 2px;(上下の太さ、左右の太さ)
• border-width:1px 2px 3px;(上の太さ、左右の太さ、下の太さ)
• border-width:1px 2px 3px 4px;（上の太さ、右の太さ、下の太さ、左の太さ）
• border-top-width:1px;(上の太さ)
• border-right-width:1px;(右の太さ)
• border-bottom-width:1px;(下の太さ)
• border-left-width:1px;(左の太さ)

などの使い方ができます。

border-width属性の使い方

CSSソース

セレクタ{
	border-style:solid;
	border-width:10px;
}
 

結果

border-width属性で宣言できる値

値	概要
px	ピクセルで太さを設定する
thin	細い線を指定する
medium	中ぐらいの線を指定する
thick	太い線を指定する

値の使用例

このホームページはすっきりまとめたかったので使っているのは1pxばかりです。