Тег <style>

Синтаксис

<head>
    <style>...</style>
</head>

Описание

Тег <style> (от англ. style — стиль) применяется для вставки в HTML-документ CSS кода, который определяет, как будут отображаться отдельные элементы на веб-странице.

Элемент <style> необходимо использовать внутри контейнера <head>, т.к. информация предназначена для браузеров.

Можно задавать несколько тегов <style> в одном HTML-документе.

Примечание!

Для подключения внешнего CSS файла, используйте тег <link>.

Атрибуты, которые можно использовать в теге <style>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
media media_query

Указывает тип устройства, под который оптимизирован стиль.
По умолчанию таблица стилей поддерживает любые устройства
scoped scoped

Логический атрибуты, который указывает, что стиль применяется только к родительскому элементу и его дочерним элементам.
При этом тег <style> располагается не в элементе <head>, а в том элементе, на который распространяются стили
type text/css

Указывает, какой синтаксис использовать для правильного интерпретирования стилей.
Не поддерживается в HTML5

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег style</title>
    <style>
        p {
            color: #FFFF00;
            background-color: green;
        }
    <style>
</head>
<body>
    <p>
        Изменение цвета текста и фона для всех тегов <p> в HTML-документе.
    </p>
</body>
</html>

Отображение в браузере:

Изменение цвета текста и фона для всех тегов <p> в HTML-документе.

Параметры CSS по умолчанию

style {
    display: none;
}

Поддержка браузера

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge
<style> Да Да Да Да Да