CSS @import kuralı

  • Önceki Sayfa
  • Sonraki Sayfa

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;

Kişisel olarak deneyin

Ö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);

Kişisel olarak deneyin

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
  • Önceki Sayfa
  • Sonraki Sayfa