@import{} CSS règle

Définition de la CSS @import{}.

La règle CSS @import permet d'importer une feuille de style externe au sein même d'une même feuille de style.

@import url("testimport.css");

La règle de feuille de style @import CSS accepte comme valeur :

• url(url), l'url d'un fichier CSS, l'url peut être relative ou absolue.
• nom de médias, un ou des médias séparé par un virgule pour lesquels on veut appliquer la feuille de style importée. Par défaut all.

@import url("testimport.css") screen, print;

Exemple de code @import{} CSS

Conditions d'application de la CSS @import{}.

La règle CSS @import permet de cacher certaines propriétés CSS qui ne seraient pas compatibles avec les vieux navigateurs.
La règle de feuille de style @import CSS n'a pas d'équivalence en HTML ou XHTML.

Problème d'interprétation de @import{} en Css.

La règle CSS @import pose des problèmes car elle n'est interprétée par les vieux navigateurs, Netscape 4 par exemple. Opéra semble accepter à partir de la version 7.11. Evitez seulement de mettre des " ' ".
Sur Blackberry, il est déconseillé d'utiliser la feuille de style @import CSS.

Evolutions de la syntaxe CSS de @import{}.

En CSS 3, la règle CSS @import CSS accepte une "Media Query" qui permet de mettre des règles supplémentaires autre que les médias (tailles, résolutions, orientation, etc...).