Die @media Regel kann genutzt werden um verschiedene styles für unterschiedliche Medien Typen bzw. Ausgabegeräte zu nutzen. So lassen sich z.B. in Hinblick auf unterschiedliche Bildschirmgrößen, Schriftgrößen oder komplette charts/tables größer/kleiner darstellen. Die Syntax sieht folgendermaßen aus:
In diesem Beispiel wird die Schriftgröße der Category Labels erhöht, sobald es sich beim Ausgabegerät um einen Screen mit mindestens 480px Breite handelt.