このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

メディア・クエリ~“print”メディア・タイプ

記事Jan. 16th,2019
Jul. 14th,2021
プリンタ・デバイスを条件とするためのメディア・タイプ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

print”メディア・タイプについて

print”メディア・タイプはプリンタ・デバイスを条件とするためのメディア・タイプです。

紙に出力するプリンタ・デバイスや印刷結果を再現するデバイス(例えば、ブラウザの印刷プレビュー)などを想定しています。

サンプルコード

@media print {
p.sample {
background-color: #00a497; /**/
text-decoration: underline dotted;
}
}

@media not print {
p.sample {
background-color: #e198b4; /**/
text-decoration: underline wavy;
}
}
<p class="sample">
猫は、上のかぎり黒くて、ことはみな白き。
</p>

猫は、上のかぎり黒くて、ことはみな白き。

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク