CSSボーダー（境界線）

境界線のスタイル

境界線のスタイルのプロパティが表示される境界線の種類を指定します。

border-styleプロパティは境界線のスタイルを定義するために使用されます

border-style値：

なし：デフォルトの境界線

点線：点在：マーキーを定義します

破線：点線のボックスを定義します

固体：固体の境界線の定義

ダブル：2つの境界を定義します。 2境界線の幅との境界線幅の値と同じ値

溝：溝定義された3Dの境界線。 効果は、境界の色値に依存します

尾根：定義3Dリッジボーダー。 効果は、境界の色値に依存します

挿入図：3D埋め込まれた境界線を定義します。 効果は、境界の色値に依存します

当初は：3D当初の境界線を定義します。 効果は、境界の色値に依存します

試してみてください： 境界線スタイルを設定します

境界線の幅

あなたは国境-width属性によって境界線の幅を指定することができます。

2つの方法で、境界線の幅を指定：あなたは、このような2ピクセルまたは0.1emとして、値の長さを指定することができます。または薄いの3つのキーワード、のいずれかを使用し、中（デフォルト）と厚いです。

注：別のユーザーエージェントは、それぞれ、2ピクセルと1ピクセルを3pxに設定しながら、CSSは、そのようにユーザーエージェントはそれぞれ、3px、および2ピクセルを5pxのに等しく設定薄く、メディアとの厚さにすることができる、特定の幅の3つのキーワードを定義していません。

境界線の色

ボーダー-colorプロパティは境界線の色を設定します。 あなたは色を設定することができます。

• 名前 - このような「赤」として、色の名前を指定します。
• RGB - 「RGB（255,0,0）で」など、RGB値を指定
• 六角 - このような "＃FF0000の」として、16進数の値を指定します

また、「透明」に境界線の色を設定することができます。

注：単独のボーダー色が動作しない、あなたが境界線スタイルを設定する境界線スタイルを使用する必要がなければなりません。

ボーダー - 各側に個別の設定

CSSでは、あなたは異なる側に別の境界を指定することができます。

上記の例では、単一の属性を設定することができます。

border-styleプロパティは、1〜4個の値を持つことができます。

• ボーダースタイル：点在固体ダブル破線 ;
  • 境界が点在しています
  • 右側の境界線は固体であります
  • 二重底の境界線
  • 左の境界は、破線されています
  
  
• ボーダースタイル：点在固体ダブル。
  • 境界が点在しています
  • 左と右の境界線が固体であります
  • 二重底の境界線
  
  
• ボーダースタイル：固体点在。
  • 底部には、点線の境界線であります
  • 左右の境界が固体であります
  
  
• ボーダースタイル：点在。
  • 点線の枠で囲まれ

上記の例では、境界線のスタイルを使用しています。 しかし、それはまた、一緒にボーダー幅、ボーダー色することができます。

ボーダー - 速記プロパティ

上記の例では、境界線を設定するには、プロパティの多くを使用しています。

Tまた、プロパティに境界線を設定することができます。

あなたは、「境界線」属性が設定できます。

• ボーダー幅
• ボーダースタイル（必須）
• ボーダー色

より多くの例

1宣言があることのすべての境界線のプロパティ
この例では、同じ文の中ですべての4つの境界線のプロパティを設定するための簡略記述特性を示しています。

設定境界線のスタイル
この例では、下側の境界線のスタイルを設定する方法を示します。

左境界線の幅を設定します
この例では、左境界線の幅を設定する方法を示します。

4境界線の色を設定します。
この例では、4つの境界線の色を設定する方法を示します。 あなたは1つから4つの色を設定することができます。

右側の境界線の色を設定します。
この例では、右側の境界線の色を設定する方法を示します。

CSSボーダーのプロパティ