ある属性を持つ特定の要素にスタイルシート(CSS)を適用する

セレクタ[属性] { プロパティ:値 ; …}

CSS/HTMLの書き方

CSS
セレクタ[属性] { プロパティ:値 ; プロパティ:値 ; …}

CSSの詳細情報
対応ブラウザ Windows MAC
IE7.0/FF1.0/NS7.1/OP8.0 SF
CSSレベル CSSレベル2

解説

HTMLの要素には、さらに詳細な設定が出来る属性を持つ要素もあります。

これらの要素が対象となるCSSです。

例えば、IMG画像タグには画像の境界線属性「border」がありますが、このborder属性が記述されているIMG要素にだけスタイルシートを適用することができます。

書き方としてはセレクタに要素名を、[ ]にはその要素の対象となる属性を記入します。

なお、この書き方はInternetExplorer5.0/5.5/6.0には対応していません。

CSS/HTMLサンプル

img[border] { border-style:dashed; }

境界線のある画像のときの線種を破線にする サンプル

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

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

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

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

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