@custom-media - Directive CSS
@custom-media
Résumé des caractéristiques de la directive @custom-media
Description rapide
Définit une requête-média personnalisée.
Statut
Problèmes de compatibilité ⚠
Valeurs prédéfinies
queriesModule W3C
Media Queries
Références (W3C)
Statut du document:: WD (document de travail)
Description de la directive @custom-media.
@custom-media définit une requête-média qui pourra ensuite être incluse dans une directive @media.
Ceci pour éviter de répéter la définition d'une requête plusieurs fois dans la feuille de styles.
On sait que répéter une définition est source d'erreurs et complique la maintenance des feuilles de styles.
@custom-media --dinosaure (monochrome), (width < 780px), (height < 600px);
@media --dinosaure {
...
}
Consultez également la page sur @media.
Prise en charge par les navigateurs (compatibilité).
La directive @custom-media est encore peu supportée (2024). Elle doit être utilisée avec précaution.
Voir aussi, dans le même module de standardisation que @custom-media.
Les spécifications CSS éditées par le W3C sont organisées en modules. @custom-media fait partie du Media Queries (Media Queries). Les définitions suivantes sont également décrites dans ce même module.