CSS @import Kuralı
Örnek
"navigation.css" stil sayfasını mevcut stil sayfasına aktarın:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Kural @import
, bir stil sayfasını başka bir stil sayfasına aktarmanıza izin verir.
Kural @import
, belgenin en üstünde olmalıdır (ancak herhangi bir
@charset
bildiriminden sonra).
Kural @import
ayrıca medya sorgularını da destekler, böylece içe aktarmanın medyaya bağımlı olmasına izin verebilirsiniz.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
CSS Sözdizimi
@import url|string list-of-mediaqueries;
Mülk değerleri
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Daha fazla örnek
Örnek
"printstyle.css" stil sayfasını YALNIZCA ortam yazdırılıyorsa içe aktarın:
@import
"printstyle.css" print;
Örnek
"mobstyle.css" stil sayfasını YALNIZCA medya ekransa ve görüntü alanı maksimum 768 piksel ise içe aktarın:
@import
"mobstyle.css" screen and (max-width: 768px);