CSS 参考マニュアル

CSS @ルール(RULES)

CSS 属性全書

CSS border-bottom 属性 CSS3 background-size 属性

CSS border 属性の使用方法及び例

CSSのborder属性は、要素のすべての4つの側面の幅、スタイル、および色を設定します。これは、個別のボーダー属性を設定するためのものであり、すなわち、短縮属性です。border-width、border-styleおよびborder-colorは単一の宣言です。

以下のテーブルは、この属性の使用状況とバージョン履歴をまとめています。

デフォルト値：	個別属性を確認
適用：	すべての要素
継承：	ありません
アニメーション可能：	はい、参照してください。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript構文:	object　　　object.style.border="1px solid red"

borderの使用構文

この属性の構文は以下の通りです：

border:　[　border-width　border-style　border-color　]　|　initial　|　inherit

注意：上にリストされたいかなる属性も欠けているか省略されている場合、その属性のデフォルト値（設定されている場合）が挿入されます。詳細については、各属性を参照してください。

以下の例では、border属性の使用方法を示しています。

例

h1　{　border:　5px　solid　#ff0000;}
p　{　color:　#00ff00;border:　5px　solid;}

テストして見て‹/›

注意：もしborder-color欠けているまたは指定されていない（例えばborder: 5px solid;），colorがある場合、要素属性の値を使用します。border-styleこの場合、この値をスキップしたり無視したりすると、border-style属性のデフォルト値はnoneです。

属性値

以下のテーブルは、この属性の値を説明しています。

値	説明
border-width	要素の枠線の幅を設定します。
border-style	要素の枠線の線型を設定します。
border-color	要素の枠線の色を設定します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のborder属性の計算値を使用します。

ブラウザの互換性

border属性のブラウザの互換性、すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

さらに詳しく

チュートリアルを参照：CSS Border、CSS3 Border。

CSS border-bottom 属性 CSS3 background-size 属性