The @media rule is a syntax used to specify the media type that ought to be applied to a set of statements, within the same style sheet. The statements are delimited by the curvy braces.

If one or more statements are invalid (i.e. syntax error) they must ne ignored.

Test the example below by printing the page. The printed result should be slightly different then on screen (if the browser is not too old).

Example

Example with CSS @media rule:

 

›› go to examples ››