ホームページ作成の基礎からご提供するホームページ作成Space

border: は上下左右すべての、border-xxx: は上下左右それぞれのボーダー（枠線）の width, style, color を一度に指定します。

border: 1px solid gray;">あああ

border-width: は上下左右すべての、border-xxx-width: は上下左右それぞれののボーダー（枠線）の太さを、thin（細線）、medium（既定値：中太線）、thick（太線）のいずれか、または 1px（幅指定） などのような単位付きの数値で指定します。border-width: は引数を 1～4個指定可能で、省略時の解釈は margin と同様になります。

H1 { border-width: 1px; border-style: solid; }

border-style: は上下左右すべての、border-xxx-style: は上下左右それぞれののボーダー（枠線）のスタイルを、none（線無し）、dotted（点線）、dashed（粗い点線）、solid（実線）、double（二重線）、groove（谷線）、ridge（山線）、inset（内線）、outset（外線）、inherit（継承）のいずれかで指定します。border-style: は引数を 1～4個指定可能で、省略時の解釈は marginと同様になります。

H1 { border-width: 1px; border-style: solid; }

border-color: は上下左右すべての、border-xxx-color: は上下左右それぞれののボーダー（枠線）の色を red のような色の名前か、#ff0000 のような RGB形式などで指定します。border-color: は引数を 1～4個指定可能で、省略時の解釈は marginと同様になります。

H1 { border-color: red; border-width: 1px; border-style: solid; }