Media (CSS)

In the context of CSS (Cascading Style Sheets), the term media refers to the destination to which the document is to be drawn by the rendering engine. Typically, this is a screen—but it may also be a printer, a speech synthesizer, Braille display, or another type of device.

CSS offers several features that allow you to tweak your document's styles—or even offer totally different styles—according to the media type (such as screen or print, to name two) or media capabilities (such as width, resolution, or other values) of the viewer's device.

Learn more

General knowledge

Technical reference

Media queries
Describe a set of characteristics or parameters required to apply styles.
@media at-rule
Conditionally apply part of a stylesheet, based on the result of a media query.
Window.matchMedia()
Test the viewing device against a media query.