Aturan @import CSS

  • Halaman Sebelumnya
  • Halaman Berikutnya

Definisi dan penggunaan

Aturan @import memungkinkan Anda mengimpor stylesheet ke stylesheet lain.

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

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

Contoh

Contoh 1

Impor stylesheet "navigation.css" ke stylesheet saat ini:

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

atau

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

Contoh 2

Hanya impor stylesheet "printstyle.css" saat media adalah print:

@import "printstyle.css" print;

Coba sendiri

Contoh 3

Hanya impor stylesheet "mobstyle.css" saat media adalah screen dan lebar layar maksimal 768 pixel:

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

Coba sendiri

Syntaks 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 koma, menentukan kondisi kapan aturan CSS yang diimpor melalui URL akan diterapkan.

Dukungan Browser

Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 3.5
  • Halaman Sebelumnya
  • Halaman Berikutnya