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

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

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

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

all”メディア・タイプはすべてのデバイスを条件とするためのメディア・タイプです。

メディア・タイプを省略した場合や空のメディア・クエリも“all”メディア・タイプと同じ意味になります。

サンプルコード

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

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

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

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