Атрибут media
Описание
Указывает, для какого устройства нужно применять стили.
Синтаксис
<style media='значения'>...</style>
Значение | Описание |
all | Для всех устройств. |
Для печатающих устройств вроде принтера. | |
screen | Экран монитора. |
speech | Программы для воспроизведения текста вслух. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style media='all'>
#ty{
background-color: lightgreen;
width: 100px;
height: 50px;
border-radius: 50px;
border: 3px double green;
}
</style>
<style media='print'>
#ty{
background-color: lightblue;
width: 100px;
height: 50px;
border-radius: 50px;
border: 3px double green;
}
</style>
<div id='ty'></div>
</body>
</html>
Читайте также
Тег <form>. Атрибут autocomplete
Указывает возможность автозаполнение полей формы.
Тег <map>. Атрибут name
Задает карте имя, которое используется для элемента <span classs='samp'>img&...
Тег <html>. Атрибут version
Задаёт версию DTD. Данный атрибут не нужен, т.к. версия определяется через <span class=...
Тег <video>. Атрибут loop
Бесконечное воспроизведение.
Тег <col>. Атрибут span
Определяет число колонок, которы должны иметь заданные характеристики. По умолчанию значение равн...