Справочник по 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

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования