Aturan @import CSS

Definisi dan penggunaan

Aturan @import memungkinkan Anda mengimpor stylesheet ke stylesheet lain.

Aturan @import mesti berada di atas dokumen (tetapi setelah pengumuman @charset apapun).

Aturan @import mendukung media query, sehingga memungkinkan import yang berdasarkan media.

Contoh

Contoh 1

Sunting stylesheet "navigation.css" ke stylesheet ini:

@import "navigation.css"; /*guna string*/

atau

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

Contoh 2

Hanya import stylesheet "printstyle.css" jika media adalah print:

@import "printstyle.css" print;

Coba sendiri

Contoh 3

Hanya import stylesheet "mobstyle.css" jika media adalah screen dan lebar viewport maksimum 768 piksel:

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

Coba sendiri

Sintaks CSS

@import url|string list-of-mediaqueries;

Nilai sifat

Nilai Deskripsi
url|string URL atau string, yang mewakili lokasi sumber daya yang akan diimpor. URL boleh jauh atau relatif.
list-of-mediaqueries Danh tujuh media query yang dipisahkan dengan koma, menentukan kondisi di mana aturan CSS yang diimpor melalui URL akan diterapkan.

Pemungutan bacaan pelayar

Nombor di dalam tabel menunjukkan versi paling awal browser yang sepenuhnya mendukung sifat ini.

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