Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

BORDERボーダーTOPCSSPropertiesBorder

  1. border-colorボーダー(枠線)の色
  2. border-styleボーダー(枠線)の種類
  3. border-widthボーダー(枠線)の幅
  4. borderボーダーのショートハンドプロパティ

border-widthボーダー(枠線)の幅

プロパティの値<border-width>{1,4} | inherit
初期値medium
対象要素全要素
継承しない
%無効
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

ボーダー(上下左右)の幅を指定します。

プロパティの書式機能
border-width: <border-width>線の幅を指定
border-width: inherit継承

識別子によるプロパティの個別記述

-top, -right, -bottom, -left の識別子を付加することにより、上下左右のボーダーの個別指定が可能です。

プロパティの書式機能
border-top-width: <border-width>上部ボーダーの幅を指定
border-right-width: <border-width>右側ボーダーの幅を指定
border-bottom-width: <border-width>下部ボーダーの幅を指定
border-left-width: <border-width>左側ボーダーの幅を指定

線の幅のショートハンド記述

指定する値の個数によって、指定できる箇所が変わります。

プロパティの書式機能
border-width: <w1>線の幅をまとめて一括指定 (上下左右)
border-width: <w1> <w2> 線の幅を指定 (上下 - 左右)
border-width: <w1> <w2> <w3>線の幅を指定 (上 - 左右 - 下)
border-width: <w1> <w2> <w3> <w4>線の幅を指定 (上 - 右 - 下 - 左)

<border-width>について

<border-width>には次の値を指定することができます。
<border-width> = <length> | thin | medium | thick

1px 2px 3px
thin medium thick
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.