枠線関連のプロパティをまとめて設定するには、 border-???プロパティを設定します。
pre> border-top: 上の枠線のプロパティ border-bottom: 下の枠線のプロパティ border-left: 左の枠線のプロパティ border-right: 右の枠線のプロパティ border: 上下左右の枠線のプロパティ /pre>
pre> border-top: 上の枠線のプロパティ border-bottom: 下の枠線のプロパティ border-left: 左の枠線のプロパティ border-right: 右の枠線のプロパティ border: 上下左右の枠線のプロパティ
/pre>
次のプロパティをまとめて設定することができます。
設定したい値を、任意の順序で、半角スペースで区切って設定します。 設定しなかった場合は、初期値が指定されたことになります。
なお、 borderプロパティで、 上下左右の枠線を別々に設定することはできません。 注意してください。
pre> .note{ COLOR(red):border-top: COLOR(blue):dotted 3px #ffcc00; COLOR(red):border-left: COLOR(blue):dotted 3px #ffcc00; COLOR(red):border-right: COLOR(blue):dotted 3px #ffcc00; } .example{ COLOR(red):border: COLOR(blue):double 6px #339966; } /pre>
pre> .note{
COLOR(red):border-top: COLOR(blue):dotted 3px #ffcc00; COLOR(red):border-left: COLOR(blue):dotted 3px #ffcc00; COLOR(red):border-right: COLOR(blue):dotted 3px #ffcc00;
} .example{
COLOR(red):border: COLOR(blue):double 6px #339966;
}
次へ進んでください。