カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  CSSの基本

デフォルトのスタイルシートの設定
HTMLの基本構造
HTMLのツリー構造と親要素・子要素
スタイルシートの設定方法
コメント・コメントアウトについて
スタイルシートの書式
スタイルの優先順位
セレクタの設定方法
スタイルの継承
URLの記述方法
DTDとブラウザでの表示モード

■ スタイルの優先順位

スタイルシートでは、外部スタイルを読み込んだり、 style要素を使用してHTML文書内に設定、またstyle属性を使用してタグに直接 スタイルを設定する方法などの設定方法があります。 そのために1つの文書に複数のスタイルが設定されて、 それらが競合してしまうこともあります。 そうした場合のためにスタイルには優先度が付けられています。

スタイルの優先順位

またスタイルシートは文書を制作した人によるものだけでなく、 ブラウザの初期設定としているスタイルシートやユーザーが定義するスタイルシートもあります。 これらの異なるスタイルが同時に設定され競合した場合の優先度は次のようになります。

スタイルの優先順位

■ 最優先度のスタイルの設定

セレクタ {プロパティ:値 !important}

スタイルシートは設定方法などにより、優先順位が付けられて処理されますが 複数のスタイルシートを同時に適用する事により、意図したスタイルにならない 可能性もあります。 そうした問題を避けるために最優先度のスタイルの設定を指定する「!important」 というキーワードを指定しておきます。 これは優先したいスタイルの値に続いて記述します。

IE4 IE5 IE5.5 IE6 NN4 NN4.7 N6.2
× ×

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.