無料ホームページ作成!CSS・スタイルシート
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;
}
 
結果

10pxの太さの枠線。

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

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

値の使用例

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

無料ホームページ作成!メニュー

CSS・スタイルシート

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS