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