/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, contextmenu, data-*, dir, draggable, dropzone, hidden, 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>
Элемент style