wicky @ ウィキ
wicky @ ウィキ

style要素でHTML文書全体のスタイルを設定

　head要素にstyle要素を用いてスタイル情報を記述することで、HTML文書全体のスタイルを設定することができる。

　type属性の他に、使用するスタイルシートのMIMEタイプを設定する必要がある。

●style要素の設定例 
<head>
    <style type="text/css">
        p { color : brown }
        h2 { color : blue }
    </style>
　・
　・
　・
</head>

　これによって、HTML文書全体にhead要素で設定したスタイル情報が適用される。

　また、以下のように、media属性値に出力メディアを指定することによって、出力メディアごとに異なるスタイル情報を適用することができる。

●出力メディアの指定 
<head>
　・
　・
　・
<style type="text/css" media="screen">　←通常のディスプレイ用スタイル情報
    h1 { color : red }
</style>


<style type="text/css" media="print">　←印刷用のスタイル情報
    h1 { border-width : 1; text-aline : center }
</style>
　・
　・
　・
</head>
「style要素でHTML文書全体のスタイルを設定」をウィキ内検索
最終更新：2007年05月21日 15:38