Атрибут 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>Читайте также
Тег <mark>
Подсвечивает текст желтым цветом, т.е. выделяет его....
Тег <datalist>
Выпадающий список для тега input, который появляется при наведении курсора мыши на данный input ( на пк ) или при нажатии на стрелку рядом ( на мобиль...
Тег <rt>
Добавляет аннотацию уменьшенным шрифтом сверху или снизу от текста, заключенного в контейнер ruby....
Тег <wbr>
Создает разрыв слова в желаемом месте, если текст не помещается в данном элементе....