Тег <style> используется для определения css-правил на уровне страницы (то есть внутри документа). Вы можете разместить любое количество стилизационных элементов в документе, но использовать этот тег нужно в <head>. Подробнее о style rules.

Родительский: <head>
Контент: Style information
Открывающий тег: Обязательный
Закрывающий тег: Обязательный
Версия: HTML 4, 4.01, 5
Элемент <style> является хорошим методом для экспериментов со стилями, но он имеет свои недостатки. Лучший способ прикрепить таблицы стилей к HTML-документу это external style sheets

Синтаксис

Базовый синтаксис тега <style> выглядит следующим образом:

HTML / XHTML: <style type="text/css"> ... </style>

Примеры написания кода тега <style>:

<head>
    <title>Демо-презентация<title>
    <style type="text/css">
        h1 {color: #666;}
    </style>
</head>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <style>

Атрибут Значение Описание
type content-type Укажите тип стилей, который обычно является text/css.
media media-types Определяет, к каким медиа применяются стили. Значение может быть одним (например, media="screen") или указанным через запятую (например, media="screen, print")
scoped scoped Указывает, что стиль применяется только к его родительскому элементу и дочерним узлам этого элемента. Если отсутствует, стиль применяется ко всему документу.

Глобальные атрибуты

Как и все другие HTML-теги, тег <style> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <style> так же поддерживает атрибуты событий в HTML5.

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

Тег <style> поддерживается во всех основных браузерах.

Читайте также

Смотрите теорию в: HTML Styles, CSS.

Похожие HTML-теги: <link>.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.