@import
Misol
"navigation.css" uslublar jadvalini joriy uslublar jadvaliga import qiling:
@import "navigation.css"; /* Using a string */
or
@import url("navigation.css"); /* Using a url */
Quyida ko‘proq misollar keltirilgan.
Ta’rif va qo‘llanilishi
CSS @import qoidasi bir uslublar jadvalini boshqa uslublar jadvaliga import qilish imkonini beradi.
@import qoidasi hujjatning eng yuqorisida bo‘lishi kerak (lekin @charset va @layer e’lonidan keyin).
@import qoidasi media so‘rovlarni ham qo‘llab-quvvatlaydi, shuning uchun importni mediaga bog‘liq qilishingiz mumkin.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar at-qoidani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| At-qoida | |||||
|---|---|---|---|---|---|
| @import | 1 | 5.5 | 1 | 1 | 3.5 |
| layer | 99 | 99 | 97 | 15.4 | 85 |
| supports() | 122 | 122 | 115 | Yo‘q | 108 |
CSS sintaksisi
@import url|string list-of-mediaqueries;
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| url|string | Import qilinadigan resurs joylashuvini ifodalovchi url yoki string. url absolyut yoki nisbiy bo‘lishi mumkin |
| list-of-mediaqueries | Bog‘langan URL’da belgilangan CSS qoidalarining qo‘llanilishini shartlaydigan, vergul bilan ajratilgan media so‘rovlar ro‘yxati |
| layer-name | |
| supports-condition |
Ko‘proq misollar
Misol
"printstyle.css" uslublar jadvalini FAQAT media print bo‘lganda import qiling:
@import "printstyle.css" print;
Misol
"mobstyle.css" uslublar jadvalini FAQAT media screen bo‘lganda va viewport kengligi ko‘pi bilan 768 piksel bo‘lganda import qiling:
@import "mobstyle.css" screen and (max-width: 768px);
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
