Атрибут title
Синтаксис
<style rel="..." title="[значение]"> ... </style>
Описание
Атрибут / параметр title
(от англ. "title" ‒ «название, заглавие») указывает имя таблицы стилей. Из таблиц стилей с одинаковыми именами создаётся альтернативный набор таблиц стилей, то есть все одноимённые таблицы стилей сводятся в одну (не путать альтернативный набор таблиц стилей и «альтернативную» таблицу стилей). Согласно HTML спецификации, при наличии нескольких альтернативных наборов таблиц стилей, браузер должен предоставлять возможность выбора между наборами.
Примечание
Если в style
элементе отсутствует данный атрибут, то такой элемент не имеет названия; значение «title
» атрибута родительских элементов не применяется (не наследуется) к style
элементу.
Поддержка браузерами
- [1] ‒ отсутствует инструмент выбора между альтернативными наборами таблиц стилей.
- [2] ‒ применяются сразу все альтернативные наборы таблиц стилей.
- [3] ‒ применяется только первый набор «предпочтительных» или «альтернативных» таблиц стилей.
- [4] ‒ «альтернативные» таблицы стилей применяются только в наборе с «предпочтительными» таблицами стилей.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 14.3.2 Specifying external style sheets DTD: Transitional
Strict
Frameset
|
5.0 | 4.2.6 The style element The title attribute... |
5.1 | 4.2.6. The style element The title attribute... |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения указывается имя таблицы стилей.
Пример использования
<html>
<head>
<meta charset="utf-8">
<title>Параметр title (Элемент style)</title>
<!-- Постоянные таблицы стилей -->
<style type="text/css"> li { color: white; } </style>
<style rel="stylesheet" type="text/css"> .persistent { color: green; } </style>
<!-- Наборы «предпочтительных» таблиц стилей -->
<style rel="stylesheet" type="text/css" title="Красный"> .preferred1 { color: red; } </style>
<style rel="stylesheet" type="text/css" title="Оранжевый"> .preferred2 { color: orange; } </style>
<!-- Наборы «альтернативных» таблиц стилей -->
<style rel="alternate stylesheet" type="text/css" title="Красный"> p { color: red; } </style>
<style rel="alternate stylesheet" type="text/css" title="Оранжевый"> p { color: orange; } </style>
<style rel="alternate stylesheet" type="text/css" title="Blue"> .alternate1 { color: blue; } </style>
<style rel="alternate stylesheet" type="text/css" title="Violet"> .alternate2 { color: violet; } </style>
<style rel="alternate stylesheet" type="text/css" title="Blue"> h1 { color: blue; } </style>
<style rel="alternate stylesheet" type="text/css" title="Violet"> h1 { color: violet; } </style>
</head>
<body>
<h1>Пример использования атрибута "title"</h1>
<p>Действующие таблицы стилей:</p>
<ul>
<li class="persistent">Постоянная</li>
<li class="preferred1">Предпочтительная 1</li>
<li class="preferred2">Предпочтительная 2</li>
<li class="alternate1">Альтернативная 1</li>
<li class="alternate2">Альтернативная 2</li>
</ul>
</body>
</html>