CSS @importregel _
Voorbeeld
Importeer de "navigation.css" stylesheet in de huidige stylesheet:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Hieronder meer voorbeelden.
Definitie en gebruik
Met de @import
regel kunt u een stylesheet in een andere stylesheet importeren.
De @import
regel moet bovenaan het document staan (maar na elke
@charset-
aangifte).
De @import
regel ondersteunt ook mediaquery's, dus u kunt toestaan dat de import mediaafhankelijk is.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
CSS-syntaxis
@import url|string list-of-mediaqueries;
Eigendomswaarden
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Meer voorbeelden
Voorbeeld
Importeer de "printstyle.css" stylesheet ALLEEN als de media geprint is:
@import
"printstyle.css" print;
Voorbeeld
Importeer de "mobstyle.css" stylesheet ALLEEN als de media een scherm is en de viewport maximaal 768 pixels is:
@import
"mobstyle.css" screen and (max-width: 768px);