CSS3 Reference


@media

適用するメディアを指定

試す

コード

@media screen {
  #containe p {
    background: yellow;
  }
}
@media print {
  #containe p {
    background: red;
  }
}

サンプル

この要素の背景は、ディスプレイでは黄色く、印刷時には赤くなります。

対応ブラウザ

Firefox
すべて
Chrome/Safari
すべて
Opera
InternetExplorer

パラメータ

レベル2.0
参考文献CSS3 module: Syntax#7.1.3. The @media rule

解説

対象のスタイル規則を適用するメディアを指定します。例えば印刷の時のみ適用したり、スクリーン上での表示の時のみ適用したりといった感じです。

記述としては、”@media (メディア名) {”と”}”の間に、対象の規則を挟みます。

コメントする


トラックバック

投稿されたコメント