html тег <style> атрибут media
Атрибут media визначає пристрій для якого призначений CSS.
Цей атрибут використовується для вказівки того, що цільової URL призначений для спеціальних пристроїв (наприклад, iPhone) або сторінки для друку і т.і..
Можливі оператори
- And - Вказує на оператор AND
- Not - Вказує на оператор NOT
- , - Вказує на оператор OR
- Нотатка
-
Цей атрибут є чисто консультативним.
автор: Wsewlad
Синтаксис
<style media="value">Атрибут media може отримувати 22 значень:
-
all -
Без задання. Підходить для всіх пристроїв.
автор: NagarD -
aural -
Синтезатори мови.
автор: NagarD -
braille -
Пристрої зворотного зв’язку Брайля.
автор: NagarD -
handheld -
Кишенькові пристрої (маленький екран, обмежена пропускна здатність).
автор: NagarD -
projection -
Проектори.
автор: NagarD -
print -
Для друку.
автор: NagarD -
screen -
Для екранів комп’ютерів.
автор: NagarD -
tty -
Телетайпи та аналогічні методи ЗМІ з використанням сітки символів із фіксированим кроком.
автор: NagarD -
tv -
Для пристроїв телебачення.
автор: NagarD -
width -
Визначає ширину цільової області відображення. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (min-width:500px)"
автор: NagarD -
height -
Визначає висоту цільової області дисплея. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (max-height:700px)"
автор: NagarD -
device-width -
Визначає ширину цільового відображення/паперу. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (device-width:500px)"
автор: NagarD -
device-height -
Вказує висоту цільового відображення / паперу. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (device-height:500px)"
автор: NagarD -
orientation -
Визначає орієнтацію цільового режиму відображення Можливі значення: "portrait" або "landscape" Приклад: media="all and (orientation: landscape)"
автор: NagarD -
aspect-ratio -
Визначає співвідношення width/height цільового дисплея. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (aspect-ratio:16/9)"
автор: NagarD -
device-aspect-ratio -
Задає співвідношення device-width/device-height цільового дисплея. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (aspect-ratio:16/9)"
автор: NagarD -
color -
Визначає кількість біт на колір цільового дисплея. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (color:3)"
автор: NagarD -
color-index -
Визначає кількість кольорів цільового дисплея який він може обробляти. Допускається використовувати префікси «min-» та «max-». Приклад: "screen and (min-color-index:256)"
автор: NagarD -
monochrome -
Задає кількусть бітів на піксель в буфері кадру монохромних зображень. Допускається використовувати префікси «min-» та «max-». Приклад: media="screen and (monochrome:2)"
автор: NagarD -
resolution -
Визначає щільність пікселів (точок на дюйм або точок на сантиметр) цільового пристрою відображення. Допускається використовувати префікси «min-» та «max-».
автор: NagarD -
scan -
Визначає метод сканування дисплею. Можливі значення: "progressive" та "interlace". Приклад: media="tv and (scan:interlace)"
автор: NagarD -
grid -
Вказує, якщо пристрій виведення це сітка або растрове зображення. Можливі значення: "1" для сітки, і "0" в іншому випадку. Приклад: media="handheld and (grid:1)"
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| 1 | 1 | 1 | 1 | 1 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Стиль із media="print" на екрані не діє: абзац виглядає звичайно. Відкрий попередній перегляд друку — там він стане курсивом із рамкою.
<style media="print">
p {
font-style: italic;
border: 1px solid black;
}
</style>
<p>Цей абзац змінюється лише в друкованій версії.</p>Різниця між HTML 4.01 та HTML5
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!