CSS @import kuralı

Tanım ve Kullanım

@import kuralı, bir stil tablosunu diğer bir stil tablosuna içe aktarmanıza olanak tanır.

@import kuralı, belgenin en üstünde (ama @charset açıklaması ardından) yer almalıdır.

@import kuralı medya sorgularını da destekler, bu yüzden medyaya bağlı içe aktarmaları izin verebilir.

Örnek

Örnek 1

"navigation.css" stil tablosunu mevcut stil tablosuna içe aktarın:

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

veya

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

Örnek 2

"printstyle.css" stil tablosunu sadece print medyası olduğunda içe aktarın:

@import "printstyle.css" print;

Kişisel olarak deneyin

Örnek 3

"mobstyle.css" stil tablosunu sadece ekran medyası ve en büyük ekran genişliği 768 piksel olduğunda içe aktarın:

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

Kişisel olarak deneyin

CSS grameri

@import url|string list-of-mediaqueries;

Özellik değeri

Değer Açıklama
url|string Dizgi veya string, içe aktarılacak kaynağın konumunu temsil eder. url, mutlak veya göreceli olabilir.
list-of-mediaqueries Virgülle ayrılmış medya sorgu listesi, URL üzerinden içe aktarılan CSS kurallarının ne koşullarda uygulanacağını belirler.

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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