ホーム > CSS > CSSプロパティ > border-top、border-right、border-bottom、border-left

■border-top、border-right、border-bottom、border-left

　上下左右のボーダー関連の設定をいっぺんに指定することが出来ます。
　ボーダーを別々に設定するには、以下のプロパティにより行います。

　複数の指定方法がありますので以下に示します。

border-top、border-right、border-bottom、border-left
上下左右のボーダー関連の設定をいっぺんに指定することが出来ます。
設定値	説明
width	ボーダーの幅（border-width）
style	ボーダーのスタイル（border-style）
color	ボーダーの色（border-color）
inherit	継承

■ソース

■実行例

■対応ブラウザ

border-top、border-right、border-bottom、border-left
設定値	IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6	O7
width	×	●	●	●	●	×	×	●	●	●	●
style	×	●	●	●	●	×	×	●	●	●	●
color	×	●	●	●	●	×	×	●	●	●	●
inherit	×	×	×	×	×	×	×	●	●	×	×

Webデザイナーになれる！
HTML、FLASH、CSS等様々なWeb技術やデザインに関することを学ぶことが出来ます。Webデザイナーなら、是非どうぞ！資料請求は無料！です。