外枠(ボーダー)を個別で指定する

padding-xxx-yyy

CSSの書き方

border-xxx-yyy:値 ;

CSSの詳細情報
プロパティ名 border-xxx-yyy 対応ブラウザ Windows MAC
読み方 ボーダー IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0
意味 ボーダー詳細指定 CSSレベル CSSレベル1
設定値 サイズ/線種/カラー 対象 すべての要素
デフォルト medium(太さ)/none(線種)/colorプロパティの標準色 継承 しない

解説

ボーダーの線種やサイズ、色を上下左右の方向ごとに設定できる指定方法です。

「xxx」には「top(上)」、「bottom(下)」、「left(左)」、「right(上)」いずれかの方向が入ります。

また、「yyy」には「width(太さ)」、「color(色)」、「style(線種)」のいずれかの記述が入ります。

これらの設定は他のプロパティのでも代用が可能なため、あまり賢い書き方とは言えません。

詳しい解説については省略します。

以下の各項目を参照してください。

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!