English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
要素の境界線は、埋め込みと内容を囲みます。
CSSの境界線属性は、フレームの境界線領域を定義することができます。境界線は、例えば、実線、双線、虚線など、既定のスタイルでできます。もしくは画像。次のセクションでは、さまざまな属性を設定して、境界線のスタイル（border-style），色（border-color）および厚み（border-width）
border-width属性は境界線領域の幅を指定します。これは要素の境界線のすべての4つの側面の厚みを同時に設定する簡略化属性です。
p {
border-width: medium 10px thick 15px;
}テストしてみる‹/›注意：border-widthが欠けているか、属性値が指定されていない場合、border-widthはデフォルトの値（medium）を使用します。
このborder-style属性は境界線のスタイルを設定するために使用されます。例えば：solid、dottedなど。これは要素の境界線のすべての4つの側面の線型を設定する簡略化属性です。
このborder-style属性は以下のいずれかの値を取ることができます：none、hidden、dashed、dotted、double、groove、inset、outset、ridge、solid。
none: 境界線はありません。
dotted: 虚線の境界線を定義
dashed: 虚線の境界線を定義
solid: 実線の境界線を定義
double:2つの枠線を定義します。2つの枠線の幅はborderと同じです-width値が同じ
groove:定義3D溝枠線。効果は枠線色値に依存します
ridge:定義3D凸枠線。効果は枠線色値に依存します
inset:定義3D内側枠線。効果は枠線色値に依存します
outset:定義3D外側枠線。効果は枠線色値に依存します
p {
border-style: dotted;
}テストしてみる‹/›このborder-color属性が指定しますcolor枠線の枠線。これも要素のすべての4つの側面の色を設定する簡略化属性です。
p {
border-style: solid;
border-color: #ff0000;
}テストしてみる‹/›注意：border-colorを単独で使用する場合、この属性は効果がありません。borderを使用して-style属性はまず枠線を設定します。
このborder CSS属性は、1つまたは複数の独立した枠線属性を設定する速記属性border-style、border-widthとborder-colorを一つのルールで指定します。
p {
border: 5px solid #ff4500;
}テストしてみる‹/›borderの速記属性を設定する際に、単一のborder属性の値を省略したり指定しなかった場合、その属性のデフォルト値（あれば）が使用されます。
注意：border-color要素の枠線を設定する際に、属性値が欠けているかまたは属性値が指定されていない場合（例えばborder: 5px solid;）が指定されている場合、その要素のcolor属性がborderとして使用される値として用いられます。-color。
この例では、枠線の幅は5pxの黒い実線：
p {
color: black;
border: 5px solid;
}テストしてみる‹/›しかし、borderがある場合-style属性の情况下、この値を省略すると、この時点でborder-style属性のデフォルト値はnoneです。
以下の例では、枠線がありません：
p {
border: 5px #00ff00;
}テストしてみる‹/›