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
















