CSS @import-reglen
Definition og brug
@import-reglen giver dig mulighed for at importere et stilark i et andet stilark.
@import-reglen skal placeres øverst i dokumentet (men efter ethvert @charset-deklaration).
@import-reglen understøtter også medieforespørgsler, så det er muligt at tillade import af afhængige medier.
Eksempel
Eksempel 1
Importér "navigation.css"-stilarket i det aktuelle stilark:
@import "navigation.css"; /* Brug streng */
eller
@import url("navigation.css"); /* Brug URL */
Eksempel 2
Importér kun "printstyle.css"-stilark, når mediet er print:
@import "printstyle.css" print;
Eksempel 3
Importér kun "mobstyle.css"-stilark, når mediet er screen og skærmens maksimale bredde er 768 pixels:
@import "mobstyle.css" screen and (max-width: 768px);
CSS-sprog
@import url|string list-of-mediaqueries;
Attributværdi
| Værdi | Beskrivelse |
|---|---|
| url|string | URL eller streng, der repræsenterer placeringen af det ressource, der skal importeres. URL kan være absolut eller relativ. |
| list-of-mediaqueries | Med komma adskilt liste af medieforespørgsler, der bestemmer under hvilke betingelser CSS-regler indført via URL anvendes. |
Browserstøtte
Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
