Aturan @import CSS

Definisi dan penggunaan

Aturan @import memungkinkan Anda mengimpor gaya tabel ke gaya tabel lain.

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

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

Contoh

Contoh 1

Sisihkan gaya tabel "navigation.css" ke gaya tabel saat ini:

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

atau

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

Contoh 2

Hanya mengimpor gaya tabel "printstyle.css" saat media adalah print:

@import "printstyle.css" print;

Coba sendiri

Contoh 3

Hanya mengimpor gaya tabel "mobstyle.css" saat media adalah screen dan lebar layar maksimal 768 pixel:

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

Coba sendiri

Syarat CSS

@import url|string list-of-mediaqueries;

Nilai atribut

Nilai Deskripsi
url|string url atau string, yang mewakili lokasi sumber daya yang akan diimpor. url dapat berupa absolut atau relatif.
list-of-mediaqueries Daftar media query yang dipisahkan dengan koma, menentukan kondisi berapa CSS aturan yang diimpor melalui URL akan diterapkan.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung sifat ini sepenuhnya.

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