CSS @import Aturan
Contoh
Impor lembar gaya "navigation.css" ke dalam lembar gaya saat ini:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Aturan @import
memungkinkan Anda untuk mengimpor lembar gaya ke lembar gaya lain.
Aturan @import
harus berada di bagian atas dokumen (tetapi setelah
deklarasi @charset apa pun
).
Aturan @import
juga mendukung kueri media, sehingga Anda dapat mengizinkan impor bergantung pada media.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Sintaks CSS
@import url|string list-of-mediaqueries;
Nilai properti
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 |
Lebih Banyak Contoh
Contoh
Impor lembar gaya "printstyle.css" HANYA jika media dicetak:
@import
"printstyle.css" print;
Contoh
Impor lembar gaya "mobstyle.css" HANYA jika media adalah layar dan area pandang maksimum 768 piksel:
@import
"mobstyle.css" screen and (max-width: 768px);