@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.


ULASHISH

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!