<style> - элемент для указания стилей
Краткое описание
HTML-элемент <style> содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.
- Категории содержимого (en-US)Metadata content, and if the
scoped
attribute is present: flow content. - Permitted content Style information matching the language of the
type
attribute. - Tag omission Нет, открывающий и закрывающий теги обязательны.
- Допустимые родительские элементы ...
- Интерфейс DOM
HTMLStyleElement
(en-US)
Атрибуты
This element includes the global attributes.
type
-
Этот атрибут определяет язык стиля в виде MIME-типа (кодировка не указывается). Этот атрибут необязателен, и при отсутствии считается «
text/css
». media
-
К какому виду медиа должен применяться этот стиль. Значением этого атрибута является медиавыражение (en-US), которое по умолчанию соответствует
all
. scoped
-
Если указан этот атрибут, то стиль применяется только внутри своего родительского элемента. Если не указан, то стиль применяется ко всему документу.
title
-
Specifies alternative style sheet sets.
disabled
-
If set, disables (does not apply) the style rules, specified within the element, to the
Document
.
Примеры
Простая таблица стилей
<style type="text/css">
body {
color:red;
}
</style>
Таблица стилей с ограниченной областью действия
<article>
<div>Атрибут scoped позволяет включить элементы стиля в середине документа.
Внутренние правила применяются только внутри родительского элемента.</div>
<p>Этот текст должен быть чёрным. Если он красный, ваш браузер не поддерживает атрибут scoped.</p>
<section>
<style scoped>
p { color: red; }
</style>
<p>Этот должен быть красным.</p>
</section>
</article>
Live sample
Спецификации
Specification |
---|
HTML Standard # the-style-element |
Совместимость браузеров
BCD tables only load in the browser
Смотрите также
- Элемент
<link>
, позволяющий использовать внешние таблицы стилей.