HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> スタイルシート(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; }

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

次のページへ >>