Атрибут 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>