CSS властивості
ГлавнаяАтрибути HTMLАтрибут media до HTML тега <style>

Атрибут media до HTML тега <style>

108

Встановлює пристрій виводу, для якого призначено таблицю стилів. Для кожного пристрою можна визначити свій стиль, який би враховував специфіку пристрою і підганяв під нього вигляд веб-сторінки.

Синтаксис

<style media="all | print | screen | speech"> ...
</style>

Значення

all
Всі пристрої.
print
Друк на зразок принтера.
screen
Екран монітора.
speech
Мовні синтезатори та програми для відтворення тексту вголос. Сюди ж входять мовні браузери.

Можна встановлювати відразу кілька значень, перераховуючи їх через кому.

Значення за замовчуванням

screen

Приклад

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>STYLE, атрибут media</title> <style media="screen"> .window { background: #333; Border: 1px solid red; font-size: 0.9em; color: #fc0; padding: 10px; }</style> <style media="print"> .window { border: 1px solid black; font-family: Arial; font-size: 0.9em; color: black; padding: 10px }</style></head><body> <div class="window"> Ветеринарне свідоцтво входить екскурсійний ефемероїд, але особливою популярністю користуються подібні заклади, зосереджені в районі Центральної площі та залізничного вокзалу.</div></body></html>

Результат цього прикладу продемонстровано на рис. 1, де застосовується стиль з атрибутом media="screen". На мал. 2 показана та сама сторінка, але при цьому вже діє стиль для друку, заданий атрибутом media="print". Результат емульований, оскільки стиль діятиме лише при надсиланні веб-сторінки на друк.

Сторінка зі стилем для перегляду на моніторі

Мал. 1. Сторінка зі стилем для перегляду на моніторі

Сторінка зі стилем для виведення на друк

Мал. 2. Сторінка зі стилем для виведення на друк

Браузери

4 12 1 6 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається і ігнорується я;
  •  — при роботі можлива поява різних помилок або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується.