Объект styleSheet представляет таблицу стилей, которая, возможно, была создана как элемент STYLE или импортирована элементом LINK или инструкцией @import внутри элемента STYLE. Этот объект отличается от объекта STYLE, который строго отражает элемент HTML STYLE и его атрибуты. Коллекция styleSheets[] содержит один или более объектов styleSheet. Единственные свойства, которые два вида объектов имеют общими - свойство id (только, когда объект таблицы стилей сгенерирован через элемент STYLE) и свойство disabled.

Свойство cssRules возвращает массив объектов правил таблиц стилей. В терминологии W3C DOM эти объекты называются объектами cssRule. Соответствующее свойство в Windows - rules.

Свойство cssText содержит строку правил таблицы стилей, заключённых в объекте styleSheet. Анализировать этот текст в поисках определённых строк не имеет смысла, поскольку в тексте, возвращённом при помощи этого свойства, могут присутствовать символы возврата каретки и другие элементы форматирования, которые не имеют места в тексте, заданном в правилах таблицы стилей в явном виде.

Должны ли правила в таблице стилей примениться к выбранным элементам. Хотя соответствующий атрибут DISABLED не работает в Internet Explorer 4, установка свойства disabled на true фактически полностью выключает таблицу стилей. Вы можете создать кнопку, которая включает и выключает таблицы стилей, чтобы видеть, как страница смотрится во всех типах браузеров.

document.styleSheets[0].disabled = true

URL, определённый атрибутом HREF для внешней таблицы стилей.

document.styleSheets[1].href = "altStyles.css"

Свойство id объекта styleSheet наследует свойство id, содержащаяся в объекте его элемента-контеунера (STYLE или LINK).

Предназначенное устройство вывода для правил элемента STYLE. Свойство media приближает тот день, когда браузеры будут способны приспособить содержание к определенным видам устройств типа карманных компьютеров, текстово-речевых цифровых преобразователей или нечетких телевизоров.

document.all.myStyle.media = "print"

Свойство ownerNode представляет собой ссылку на узел документа, в котором определяется объект styleSheet. Для тех объектов styleSheet, которые определены в элементах STYLE и LINK, данное свойство служит ссылкой на эти объекты. Эквивалент IE - owningElement.

Свойство ownerRule применяется по отношению к объекту styleSheet, который был импортирован в документ с помощью правила @import. Это свойство возвращает ссылку на правило @import, отвечающее за загрузку внешней таблицы стилей.

Возвращает ссылку на STYLE, или элемент LINK, который определяет текущий объект styleSheet. Каждый документ поддерживает коллекцию таблиц стилей, созданных элементами и LINK, и STYLE.

var firstStyleID = document.styleSheets[0].owningElement.id

Правило стиля @page определянт размеры и ширину полей напечатанной версии web-страницы. Свойство pages возвращает массив объектов @page, содержащихся в текущем документе. Кроме свойств, характерных для всех объектов правил, правило @page имеет одно дополнительное свойство, доступное только для чтения. Это свойство - pseudoClass, которое возвращает все определения псевдоклассов в этом правиле. Например, приведённые ниже правила определяют разные конфигурации левого и правого полей страниц при печати:

@page:left{margin-left:4cm;margin-right:3cm;}
@page:right{margin-left:3cm;margin-right:4cm;}

Значение свойства pseudoClass правил для каждой из этих двух страниц - :left и :right соответственно.

Более подробную информацию см. по адресу http://www.w3c.org/TR/REC-CSS2/page.html

Возвращает ссылку на объект styleSheet (созданный как элемент LINK или STYLE), который импортировал текущую таблицу стилей.

Может ли таблица стилей изменяться сценарием. Таблицы стилей, импортированные через элемент LINK или правило @import, которые не могут изменяться, возвращают значение true.

Если вы зададите значение атрибуту TITLE элемента style или link, который загружает таблицу стилей, это строковое значение преобразуется в свойство title объекта styleSheet. Строковое значение может служить своеобразным идентификатором, но оно не может быть использовано в качестве массива styleSheets. В результате применения к отображаемым HTML-элементам атрибут TITLE преобразует текст во всплывающую подсказку для элементов.

Синтаксис таблицы стилей, указанный атрибутом TYPE элемента STYLE. Internet Explorer 4 знает только синтаксис CSS.

if (document.styleSheets[0].type == "text/css") { ... }

addImport(url, [index])

Добавляет внешнюю таблицу стилей к объекту styleSheet.

addRule(selector, style, [index])

Добавляет новое правило к таблице стилей. Этот метод предлагает сценарный путь добавления правила к существующему объекту styleSheet:

document.styleSheets[1].addRule("P B","color:red")

Вы можете дублировать селектор, который уже существует в styleSheet и, поэтому, отменять уже существующее правило для селектора.

deleteRule(index)
insertRule('rule',index)

Метод insertRule() присоединяет или вставляет правило стилей в текущий объект styleSheet. Место вставки нового правила в массиве cssRules задаётся с помощью индекса. Если вы хотите присоединить правило в конце списка, используйте в качестве параметра свойство length массива cssRules. insertRule() возвращает индекс места расположения вставленного правила.

Для того, чтобы удалить правило из массива cssRules объекта styleSheet, следует использовать метод deleteRule().

Массив всех объектов styleSheet, которые были импортированы в таблицу стилей. Таблица стилей может содержать одно или несколько правил @import для импортирования внешнего файла таблицы стилей в документ. Каждый импортированный объект styleSheet является объектом import. В некотором смысле, объект styleSheet содержит коллекцию других (специальных) объектов styleSheet. Все свойства и методы объекта styleSheet могут использоваться в индивидуальных элементах, которые возвращены из коллекции imports[].

document.styleSheets(i).imports(j).objectPropertyOrMethod

Массив всех правил, определенных или импортированных, для объекта styleSheet (кроме правил @), определённых в текущей таблице стилей. Порядок следования элементов соответствует порядку исходного текста.. Все свойства объекта rule могут быть показаны для каждого элемента, возвращенного из коллекции rules[].

Соответствующее свойство в NN - cssRules.

document.styleSheets(i).rules(j).objectPropertyOrMethod