Тег <style>
Описание
Используется для добавления CSS на web - страницу.
Обычно его располагают внутри head, но можно и в body.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<style>Текст</style>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
3 | 12 | 1 | 4 | 1 | 1 | 1 | 1 | 6 | 1 |
Поддерживается | Частичная поддержка | Не поддерживается |
Атрибуты
media - Указывает, для какого устройства нужно применять стили.
type - Указывает браузеру тип стилей, чтобы правильно их обработать.
Устаревшие атрибуты
Пример
<!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>
#ip{
width: 100px;
height: 100px;
background-color: lightblue;
border-radius: 50px;
}
#glav-ip{
border: 5px dashed black;
border-radius: 60px;
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
</style>
<div id='glav-ip'>
<div id='ip'></div>
</div>
</body>
</html>
Читайте также
Тег <script>
Используется для подключения внешних JavaScript файлов к текущему документу или написания JavaScr...
Тег <cite>
Указывает на источник чего - то. Например автора цитаты, отзыва, книги или сайта.
Тег <strong>
Используется для выделения текста полужирным шрифтом. Семантический тег.
Тег <fieldset>
Создает группу полей формы. Может использоваться с элементом <span class='samp'...
Тег <iframe>
Используется в качестве контейнера, который встраивает внешние страницы на сайт или файлы. Похож ...