Атрибут 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>Читайте также
Тег <optgroup>
Используется в качестве контейнера для элемента option. Располагается в элементе select....
Тег <embed>
Может встраивать на сайт различные файлы, изображения, видеоролики и даже сами сайты. Элемент похож на элемент iframe...
Тег <time>
В элементе указывается дата или время. Семантический тег....
Тег <th>
Создает ячейки таблицы, которые используются в качестве заготовков....