Справочник по CSS : Тематический указатель : Совокупности : rules
смотрим также
Материал из Справочник Web-языков
Содержание |
Совокупность rules
Определяет всю совокупность правил, определенных для таблицы стилей.
Синтаксис
[ oColl = ] object.rules |
[ oObject = ] object.rules(iIndex) |
Используемые значения
oColl | Массив правил. |
oObject | Ссылка на определенный элемент в массиве элементов, содержащихся в объекте. |
iIndex | Обязательная часть. Числовое значение, начинающее отсчет с нуля, определяющее индекс элемента, которые должен быть возвращен. |
Таблица элементов
В этой таблице содержатся элементы, на которые влияет объект imports.
Свойство | Описание |
length | Задает число объектов в наборе (совокупности). |
Замечания
Совокупность правил всегда доступна, даже если не доступна таблица стилей.
Для каждой таблицы стилей правила добавляются в совокупность rules с помощью метода addRule. Правило, которое добавляется для недоступной таблицы стилей, будет применено к документу, когда таблица станет доступной. Для удаления правил используется метод removeRule.
Правила удаляются и добавляются с помощью объектной модели Каскадных таблиц стилей; при этом абсолютная позиция правил в совокупности rules может меняться, но относительная позиция по отношению к другим правилам остается неизменной. Когда вы добавляете правило не указав его индекс, оно добавляется в конец документа. Если же индекс указан, то правило добавится перед правилом, занимающим эту позицию в соответствии со своим индексом в данный момент. Если индекс правила больше, чем число элементов в совокупности, то правило добавляется в конец совокупности.
Примеры
В примере описано как использовать совокупность rules для идентифицирования цветов, описанных в правилах таблицы стилей.
<HTML> <HEAD> <SCRIPT> function ruleColor(ruleIndex) { alert("The color of rule " + ruleIndex + " is " + document.styleSheets[0].rules.item(ruleIndex).style.color + "."); } </SCRIPT> <STYLE> .rule0 {color:"red"} .rule1 {color:"blue"} </STYLE> </HEAD> <BODY> <P class="rule0" id="oRule0Span"> Правило Rule 0 применяется к этой строке. </P> <P class="rule1" id="oRule1Span"> Правило Rule 1 применяется к этой строке. </P> <BUTTON onclick="ruleColor(0)">Цвет правила Rule 0</BUTTON> <BUTTON onclick="ruleColor(1)">Цвет правила Rule 1</BUTTON> </BODY> </HTML>
Стандарты
Эта совокупность определена в World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms531199(VS.85).aspx