At-rules are CSS statements that instruct the engine with a keyword preceded by @, e.g. @media, @keyframes.
Conditional
CSS At-Rules
Description
@media
Applies styles only when a media query condition is true.
@supports
Applies styles only when the browser supports a given feature.
@container
Applies styles based on the size of a query container.
Animation
CSS At-Rules
Description
@keyframes
Defines the steps of a CSS animation sequence.
Structure
CSS At-Rules
Description
@import
Imports another stylesheet into the current one.
@charset
Specifies the character encoding of the stylesheet.
@layer
Declares a cascade layer to control specificity order.
@namespace
Declares an XML namespace for selectors.
Fonts
CSS At-Rules
Description
@font-face
Defines a custom font to be downloaded and used.
Print
CSS At-Rules
Description
@page
Sets properties of printed pages (size, margins).
Web-Tutorial Tech Team
A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.
