@import

Importe une feuille de style externe.

Syntaxe

@import [url] (sUrl );

Valeurs possibles

sUrl

Chaîne indiquant l’URL qui référence une autre feuille de style en cascade.

Remarques

La règle n’a pas de valeur par défaut.

La syntaxe requiert la présence du point-virgule ; si celui-ci est omis, la feuille de style n’est pas importée correctement, ce qui génère un message d’erreur. Le paramètre url() est facultatif, car une URL figure toujours après @import.

La règle @import, comme l’élément link, lie une feuille de style externe à un document. Le créateur Web peut ainsi appliquer une apparence homogène aux pages HTML. Alors que l’élément link spécifie le nom de la feuille de style à importer à l’aide de la propriété href, la règle @import spécifie la définition de feuille de style dans un élément link ou un élément style.

La règle @import doit figurer au début de la feuille de style avant les déclarations. Bien que les instructions de règle @import puissent figurer n’importe où dans la définition de feuille de style, les règles contenues dans la feuille de style de la règle @import sont appliquées au document avant les autres règles. L’ordre défini dans la règle détermine le rendu attendu.

Les règles de la feuille de style contenant une règle @import se substituent aux règles de la feuille de style importée.

Exemples

Dans les exemples suivants, la règle @import permet d’importer une feuille de style. Pour que l’exemple fonctionne, vous devez remplacer URL dans le code par l’adresse d’une feuille de style :

<style type="text/css">
    @import url("URL");
    p {color:blue}
</style>

L’exemple suivant, sans url(), a le même effet que l’exemple précédent :

<style type="text/css">
    @import "URL";
    p {color:blue}
</style>

Informations relatives aux normes

Cette règle est définie dans Cascading Style Sheets (CSS), Level 1 (CSS1) (Feuilles de style en cascade (CSS), Niveau 1 (CSS1)).