CSS @import kuralı
Tanım ve Kullanım
@import kuralı, bir stil tablosunu diğer bir stil tablosuna içe aktarmanızı sağlar.
@import kuralı belge başında (ancak @charset bildirimi ardından) yer almalıdır.
@import kuralı medya sorgularını da destekler, bu nedenle 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"; /* Dize kullanarak */
veya
@import url("navigation.css"); /* URL kullanarak */
Örnek 2
"printstyle.css" stil tablosunu yalnızca yazıcı medyası olduğunda içe aktarın:
@import "printstyle.css" print;
Örnek 3
"mobstyle.css" stil tablosunu yalnızca ekran medyası ve en fazla genişlik 768 piksel olduğunda içe aktarın:
@import "mobstyle.css" screen and (max-width: 768px);
CSS grameri
@import url|string list-of-mediaqueries;
özellik değeri
değer | tanım |
---|---|
url|string | url veya dize, içe aktarılacak kaynağın konumunu temsil eder. url mutlak veya göreceli olabilir. |
list-of-mediaqueries | Virgülle ayrılan medya sorgu listesi, URL ile içe aktarılan CSS kurallarının ne koşullarda uygulanacağını belirler. |
Tarayıcı desteği
Tablo sayısız destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 3.5 |