枠線関連のプロパティをまとめて設定するには、 border-???プロパティを設定します。
pre> border-top: 上の枠線のプロパティ border-bottom: 下の枠線のプロパティ border-left: 左の枠線のプロパティ border-right: 右の枠線のプロパティ border: 上下左右の枠線のプロパティ /pre>
pre> border-top: 上の枠線のプロパティ border-bottom: 下の枠線のプロパティ border-left: 左の枠線のプロパティ border-right: 右の枠線のプロパティ border: 上下左右の枠線のプロパティ
/pre>
次のプロパティをまとめて設定することができます。
指定できるスタイルには、 次のような種類があります。
border-styleプロパティを使えば、 上下左右の枠線のスタイルを一度に指定できます。 その場合は、値を半角スペースで区切ります。 値の個数によって、次のように枠線が設定されます。
pre> h1{ COLOR(red):border-style: COLOR(blue):dotted dotted dotted solid; } h2{ COLOR(red):border-top-style: COLOR(blue):solid; COLOR(red):border-left-style: COLOR(blue):dashed; } h3{ COLOR(red):border-style: COLOR(blue):inset; } /pre>
pre> h1{
COLOR(red):border-style: COLOR(blue):dotted dotted dotted solid;
} h2{
COLOR(red):border-top-style: COLOR(blue):solid; COLOR(red):border-left-style: COLOR(blue):dashed;
} h3{
COLOR(red):border-style: COLOR(blue):inset;
}
次へ進んでください。