CSS @import-regelen

Definisjon og bruk

Regelen @import tillater deg å importere et stilmønster i et annet stilmønster.

Regelen @import må plasseres i dokumentets topp (men etter noen @charset-deklarasjon).

Regelen @import støtter også mediefragede, slik at det er mulig å tillate import av avhengige medier.

Eksempel

Eksempel 1

Importer "navigation.css"-stilmønsteret i det gjeldende stilmønsteret:

@import "navigation.css"; /* Bruk streng */

eller

@import url("navigation.css"); /* Bruk URL */

Eksempel 2

Importer "printstyle.css"-stilmønsteret bare når mediet er print:

@import "printstyle.css" print;

Prøv det selv

Eksempel 3

Importer "mobstyle.css"-stilmønsteret bare når mediet er screen og skjermens maksimale bredde er 768 piksler:

@import "mobstyle.css" screen and (max-width: 768px);

Prøv det selv

CSS-syntaks

@import url|string list-of-mediaqueries;

Attributtverdi

Verdi Beskrivelse
url|string URL eller streng, som representerer plasseringen av ressursen som skal importeres. URL kan være absolutt eller relativ.
list-of-mediaqueries En liste over mediefragede adskilt med komma, som bestemmer hvilke betingelser CSS-regler som innføres via URL skal anvendes under.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 3.5