Атрибут scoped
Синтаксис
<body> ... <[элемент]> <style scoped="scoped"> ... </style> ... </[элемент]> ... </body>
Описание
Атрибут / параметр scoped
(от англ. "scoped" ‒ «область видимости») допускает использование элемента style
в теле HTML документа. При этом родительский узел элемента стилей является «корнем области видимости», а стили объявленные таким образом предназначены не для всего документа, а только для элементов находящихся внутри «корня области видимости».
Условия использования
Если данный атрибут присутствует и элемент style
имеет родительский элемент, то style
должен предшествовать любому потоку содержимого в его родительском элементе, за исключением межэлементных пробелов и других элементов style
.
Поддержка браузерами
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | |
5.1 | 4.2.6. The style element The scoped attribute...[1] |
XHTML | |
1.0 | |
1.1 |
- [1] ‒ исключён из спецификации. В последний раз упоминается в «Рабочем Проекте» от 3 Мая 2016.
Значения
Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением «scoped
».
<style scoped> ... <style> <style scoped=""> ... <style> <style scoped="scoped"> ... <style>
Пример использования
<html>
<head>
<meta charset="utf-8">
<title>Параметр scoped (Элемент style)</title>
</head>
<body>
<h1>Пример использования атрибута "type"</h1>
<p>Обычный текст.</p>
<div><!-- Начало области видимости -->
<style type="text/css" scoped="scoped">p::first-letter { font-size: 18pt; font-weight: bold; color: red; }</style>
<p>Текст отформатированный с помощью таблицы стилей, расположенной в техническом заголовке документа и элементе «div».</p>
<p>Ещё один текст отформатированный с помощью таблицы стилей, расположенной в техническом заголовке документа и элементе «div».</p>
</div><!-- Конец области видимости -->
</body>
</html>