Тег <style> HTML содержит встроенные CSS стили страницы.
Внутри тега style размещаются CSS правила, определяющие как будет отображаться страница в браузере (отвечают за стиль каждого элемента страницы).
CSS свойства, описанные в тегах <style>, будут действовать на всю страницу сайта не зависимо от расположения тега style.
Размещать теги <style> можно как в head, так и в body областях HTML документа. Можно использовать несколько HTML тегов style на одной странице.
Вы также можете подключить внешний файл стилей CSS (для этого используйте тег <link>), либо добавить CSS код для конкретного элемента с помощью атрибута style.
Подробнее о том как вставить CSS в HTML смотрите в статье: Подключение стилей CSS к HTML документу. Как подключить CSS файл.
Тег <style> в HTML обычно используется для подключения индивидуальных CSS правил страницы. Определять общие CSS стили сайта лучше через внешний CSS файл с помощью тега <link>.
Синтаксис
<style>CSS стили страницы</style>Пример использования тега <style> в HTML коде
<!DOCTYPE html>
<html>
<head>
<title>Встроенные в HTML документ стили CSS c помощью тега style</title>
<style type="text/css">
.last_news {
margin-bottom: 20px;
font: normal 16px Tahoma, sans-serif;
}
.toolbar .last_news a {
text-decoration: underline;
color: black;
}
</style>
</head>
<body>
<!-- контент страницы -->
</body>
</html>Поддержка браузерами
| Тег |  |
 |
 |
 |
 |
| <style> | Да | Да | Да | Да | Да |
Атрибуты тега <style>
| Атрибут | Значение | Описание |
|---|---|---|
| media |
media_query |
Определяет условия применения CSS стилей, содержащихся внутри тега (содержит требования к устройству пользователя). Если атрибут не указан, стили из тега будут применены для любого устройства пользователя. |
| type |
media_type |
Определяет тип содержимого тега. В HTML5 единственное поддерживаемое значение: "text/css". Обязательный атрибут для HTML 4.01. |
Тег <style> также поддерживает глобальные HTML атрибуты.
