CSS @ invoerreël
Voorbeeld
Voer die "navigation.css"-stylblad in die huidige stylblad in:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Meer voorbeelde hieronder.
Definisie en gebruik
Die @import
reël laat jou toe om 'n stylblad in 'n ander stylblad in te voer.
Die @import
reël moet bo-aan die dokument wees (maar na enige
@charset-
verklaring).
Die @import
reël ondersteun ook medianavrae, so jy kan toelaat dat die invoer media-afhanklik is.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
CSS-sintaksis
@import url|string list-of-mediaqueries;
Eiendomswaardes
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 voorbeelde
Voorbeeld
Voer die "printstyle.css"-stylblad SLEGS in as die media gedruk is:
@import
"printstyle.css" print;
Voorbeeld
Voer die "mobstyle.css"-stylblad SLEGS in as die media skerm is en die kykpoort maksimum 768 pieksels is:
@import
"mobstyle.css" screen and (max-width: 768px);