Règle CSS @import
Exemple
Importez la feuille de style "navigation.css" dans la feuille de style courante :
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Plus d'exemples ci-dessous.
Définition et utilisation
La @import
règle permet d'importer une feuille de style dans une autre feuille de style.
La @import
règle doit être en haut du document (mais après toute
déclaration @charset
).
La @import
règle prend également en charge les requêtes multimédias, vous pouvez donc autoriser l'importation à dépendre du média.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
@import url|string list-of-mediaqueries;
Valeurs de propriété
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Plus d'exemples
Exemple
Importez la feuille de style "printstyle.css" UNIQUEMENT si le média est imprimé :
@import
"printstyle.css" print;
Exemple
Importez la feuille de style "mobstyle.css" UNIQUEMENT si le média est un écran et que la fenêtre d'affichage est de 768 pixels maximum :
@import
"mobstyle.css" screen and (max-width: 768px);