CSS2.1 Test Suite

Media types (17 tests)

Test Flags
7 Media types
@media and target mediums
  • @media with a target medium applies styles on that target medium (screen).
@import and target mediums
  • @media with a target medium applies styles on that target medium (screen).
Link tags and target mediums
  • Link with a target medium applies styles on that target medium (screen).
Case-insensitive media types
  • Media types are case-insensitive.
Ignoring bad media types with @import
  • User agent ignores media types it does not understand with @import.
I
Ignoring bad media types with @media
  • User agent ignores media types it does not understand with @media.
I
Non-matching target mediums
  • The @media block does not apply because it does not match the target medium.
Non-matching target mediums and @import
  • The @import command does not apply because it does not match the target medium.
Matching the 'All' target medium
  • The 'all' media type applies to the screen medium.
Non-matching target mediums (braille)
  • The 'braille' media type does not apply to the screen medium.
Non-matching target mediums (embossed)
  • The 'embossed' media type does not apply to the screen medium.
Non-matching target mediums (handheld)
  • The 'handheld' media type does not apply to the screen medium.
Non-matching target mediums (projection)
  • The 'projection' media type does not apply to the screen medium.
Non-matching target mediums (speech)
  • The 'speech' media type does not apply to the screen medium.
Non-matching target mediums (tty)
  • The 'tty' media type does not apply to the screen medium.
Non-matching target mediums (tv)
  • The 'tv' media type does not apply to the screen medium.
Multiple target mediums
  • An '@media' rule specifies the target media types separated by commas.
7.1 Introduction to media types
7.2 Specifying media-dependent style sheets
7.2.1 The @media rule
7.3 Recognized media types
7.3.1 Media groups