/html/style:> Стили документа_
Элемент style
Синтаксис
(X)HTML
<head> ... <style type="..."> ... </style> ... </head>
Описание
Элемент style
(от англ. "style" ‒ «стиль») задаёт стили для HTML-документа, то есть то, как будут отображаться отдельные элементы и вся страница в целом. При этом стили либо могут быть вставлены в документ путём вкладывания их в элемент style
, либо присоединены к документу с помощью элемента link
. Так же допускается использование нескольких элементов style
в документе.
Условия использования
До HTML5.1 данный элемент мог располагаться только внутри элемента технического заголовка, а в HTML5.1 уже допускается использование данного элемента внутри тела документа, но с условием, что у style
будет указан атрибут «scoped
».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | STYLE and SCRIPT |
4.01 | 14.2.3 Header style information: the STYLE element DTD: Transitional
Strict
Frameset
|
5.0 | 4.2.6 The style element |
5.1 | 4.2.6. The style element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- media
- Указывает под какое устройство оптимизированы стили.
- nonce
- Криптографический нонс используемый в проверках Политики Безопасности Содержимого.
- rel
- Указывает вид таблицы стилей.
- scoped
- Указывает браузеру, что стили должны применяться только в отношении дочерних элементов родительского узла данного элемента.
- title
- Указывает имя таблицы стилей.
- type
- Указывает язык таблиц стилей.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент style</title>
<style type="text/css">
h1 { font-style: oblique; }
p:after { content: " ¶ "; color: green; }
</style>
</head>
<body>
<h1>Пример использования элемента "style"</h1>
<p>Каждый абзац в данном документе обозначается специальным знаком абзаца.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент style</title>
<style type="text/css">
h1 { font-style: oblique; }
p:after { content: " ¶ "; color: green; }
</style>
</head>
<body>
<h1>Пример использования элемента "style"</h1>
<p>Каждый абзац в данном документе обозначается специальным знаком абзаца.</p>
</body>
</html>
Элемент style