media
HTML <link> media atributi
Misol
Ikki xil media turi (ekran va chop etish) uchun ikki xil uslublar jadvali:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
media atributi maqsadli resurs qaysi media/qurilma uchun optimallashtirilganini belgilaydi.
Bu atribut asosan turli media turlari uchun turli uslublarni belgilash maqsadida CSS uslublar jadvallari bilan birga ishlatiladi.
media atributi bir nechta qiymat qabul qilishi mumkin.
Brauzerlarda qo‘llab-quvvatlash
| Atribut | |||||
|---|---|---|---|---|---|
| media | Ha | Ha | Ha | Ha | Ha |
Sintaksis
<link media="value">
Mumkin bo‘lgan operatorlar
| Qiymat | Tavsif |
|---|---|
| and | AND operatorini belgilaydi |
| not | NOT operatorini belgilaydi |
| , | OR operatorini belgilaydi |
Qurilmalar
| Qiymat | Tavsif |
|---|---|
| all | Standart. Barcha media turidagi qurilmalar uchun ishlatiladi |
| Chop etishni oldindan ko‘rish rejimi/chop etilgan sahifalar uchun ishlatiladi | |
| screen | Kompyuter ekranlari, planshetlar, smartfonlar va h.k. uchun ishlatiladi |
| speech | Sahifani ovoz chiqarib "o‘qiydigan" ekran o‘qish dasturlari (screenreader) uchun ishlatiladi |
| aural | Eskirgan. Nutq sintezatorlari |
| braille | Eskirgan. Brayl yozuvi orqali ma’lumot beruvchi qurilmalar |
| handheld | Eskirgan. Ko‘chma (qo‘lda olib yuriladigan) qurilmalar (kichik ekran, cheklangan tarmoq o‘tkazuvchanligi) |
| projection | Eskirgan. Proyektorlar |
| tty | Eskirgan. Teletayplar va qat’iy kenglikdagi belgilar to‘ridan foydalanadigan shunga o‘xshash vositalar |
| tv | Eskirgan. Televizor turidagi qurilmalar (past aniqlik, cheklangan aylantirish imkoniyati) |
Qiymatlar
| Qiymat | Tavsif |
|---|---|
| aspect-ratio | Maqsadli displey maydonining kenglik/balandlik nisbatini belgilaydi. "min-" va "max-" prefikslaridan foydalanish mumkin. Misol: media="screen and (max-aspect-ratio:16/9)" |
| color | Maqsadli displeyning har bir rang uchun bitlar sonini belgilaydi. "min-" va "max-" prefikslaridan foydalanish mumkin. Misol: media="screen and (min-color:3)" |
| color-index | Maqsadli displey qo‘llab-quvvatlay oladigan ranglar sonini belgilaydi. "min-" va "max-" prefikslaridan foydalanish mumkin. Misol: media="screen and (min-color-index:256)" |
| device-aspect-ratio | Eskirgan. Maqsadli displey/qog‘ozning device-width/device-height nisbatini belgilaydi. |
| device-width | Eskirgan. Maqsadli displey/qog‘ozning kengligini belgilaydi. |
| device-height | Eskirgan. Maqsadli displey/qog‘ozning balandligini belgilaydi. |
| grid | Chiqarish qurilmasi to‘rli (grid) yoki bitmap ekanligini belgilaydi. Mumkin bo‘lgan qiymatlar: grid uchun "1", aks holda "0". Misol: media="handheld and (grid:1)" |
| height | Maqsadli displey maydonining balandligini belgilaydi. "min-" va "max-" prefikslaridan foydalanish mumkin. Misol: media="screen and (max-height:700px)" |
| monochrome | Monoxrom kadr buferidagi har bir piksel uchun bitlar sonini belgilaydi. "min-" va "max-" prefikslaridan foydalanish mumkin. Misol: media="screen and (min-monochrome:2)" |
| orientation | Maqsadli displey/qog‘ozning yo‘nalishini (orientatsiyasini) belgilaydi. Mumkin bo‘lgan qiymatlar: "portrait" yoki "landscape" Misol: media="all and (orientation: landscape)" |
| resolution | Maqsadli displey/qog‘ozning piksel zichligini (dpi yoki dpcm) belgilaydi. "min-" va "max-" prefikslaridan foydalanish mumkin. Misol: media="print and (min-resolution:300dpi)" |
| scan | Televizor displeyining skanerlash usulini belgilaydi. Mumkin bo‘lgan qiymatlar: "progressive" va "interlace". Misol: media="tv and (scan:interlace)" |
| width | Maqsadli displey maydonining kengligini belgilaydi. "min-" va "max-" prefikslaridan foydalanish mumkin. Misol: media="screen and (min-width:500px)" |
❮ HTML <link> tegi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!