| 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 |
invalid |
| User agent ignores media types it does not understand with @import. |
|
| Ignoring bad media types with @media |
invalid |
| User agent ignores media types it does not understand with @media. |
|
| 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. |
|