CSS の境界線と borders_html/css_WEB-ITnose

CSS 境界線と境界線

1. CSS 境界線プロパティ
CSS 境界線プロパティを使用すると、要素の境界線のスタイルと色を指定できます。


1.1. 境界線のスタイル
境界線のスタイル属性は、表示する境界線の種類を指定します。

border-style属性は、ボーダーのスタイルを定義するために使用されます


1.2、ボーダー幅
border-width属性を通じてボーダーの幅を指定できます。

境界線の幅を指定するには 2 つの方法があります。2px や 0.1em などの長さの値を指定するか、thin、medium (デフォルト値)、thick の 3 つのキーワードのいずれかを使用します。

注: CSS は 3 つのキーワードの特定の幅を定義していないため、あるユーザー エージェントは、thin、medium、thick をそれぞれ 5px、3px、2px に設定し、別のユーザー エージェントはそれらを 3px、2px、および 2px に設定する可能性があります。それぞれ1px。


1.3. 境界線の色
border-color プロパティは、境界線の色を設定するために使用されます。設定できる色:

name - 「red」などの色の名前を指定します。
RGB - 「rgb(255,0,0)」などの RGB 値を指定します。
Hex - 16 進数値を指定します。 「#ff0000」など

枠線の色を「透明」に設定することもできます。

注: border-color は、単独で使用すると機能しません。まず、border-style を使用して境界線のスタイルを設定する必要があります。


1.4. 境界線 - 短縮属性
上記の例では、境界線を設定するために多くの属性を使用しています。

「border」属性で設定できます:

border-width
border-style (必須)
border-color


2. CSS Padding (内側の境界線) CSS Padding (filling) プロパティは、要素の境界 要素のコンテンツと要素のコンテンツの間のスペース。
要素のPadding（パディング）がクリアされると、「解放された」領域は要素の背景色で塗りつぶされます。
padding 属性を単独で使用して、上下左右のパディングを変更します。略語埋め込みプロパティも使用でき、変更するとすべてが変わります。


3. CSS Margin (マージン) CSS Margin (マージン) プロパティは、要素の周囲のスペースを定義します。
margin は要素の周囲の領域 (外側の境界線) をクリアします。マージンには背景色がなく、完全に透明です。
マージンは要素の上下左右のマージンを個別に変更できます。すべてのプロパティを一度に変更することも可能です。

りー