Support des règles @import (CSS) par les navigateurs

Màj: 2008

Cette page permet de tester la compréhension des règles d'importation @import (voir la spécification CSS 2.1 sur ce point précis) avec les divers navigateurs.

Si vous n'êtes pas en mesure de réaliser ces tests vous-même, vous pouvez vous reporter au tableau en bas de page.

Tests

Note : lorsque la règle @import est prise en compte par le navigateur, la bordure du paragraphe ne devrait pas être grise mais colorée.

Règle d'importation placée dans l'élément style

@import "17-style-nomedia-syntaxe1.css";
Pas de média spécifié, première syntaxe utilisée.
Ce paragraphe doit apparaître avec une bordure bleue

@import url("17-style-nomedia-syntaxe2.css");
Pas de média spécifié, deuxième syntaxe utilisée.
Ce paragraphe doit apparaître avec une bordure bleue

@import "17-style-media-syntaxe1.css" screen;
Média "screen" spécifié, première syntaxe utilisée.
Ce paragraphe doit apparaître avec une bordure verte

@import url("17-style-media-syntaxe2.css") screen;
Média "screen" spécifié, deuxième syntaxe utilisée.
Ce paragraphe doit apparaître avec une bordure verte

Règle d'importation placée dans une feuille de style, appelée via l'élément link

Compatibilité des navigateurs

Note : la syntaxe utilisée pour réaliser ces exemples suit à la lettre la spécification CSS 2.1 du W3C.

Navigateur (version) Support
Internet Explorer Windows (5.0 – 7.0) Les règles @import qui spécifient le type de média sont ignorées !
Mozilla Firefox (1.5) Tout OK
Safari (2.0) Tout OK
Opera (9.0) Tout OK
Konqueror (3.5) Tout OK
Internet Explorer Mac Ne supporte pas la syntaxe @import "style.css" media;