<p>メディアタイプによる、色、処理の変化</p>

@media screen {
  p { color: red; }
}
@media print {
  p { color: blue; }
}
@media speech {
  p { speak: literal-punctuation; }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.