0

Тег <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>