Home | О проекте | Новости | Рекламные статейки

ВернутьсяВ начало

1.Рекламка: s |

styleSheet NN 6   IE 4   DOM n/a
2.Рекламка: s | ;
x |   

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

 
 
Объектно-ориентированная модель
IE [window.]document.styleSheets[i]
NN 6/IE5+ [window.]document.getElementById("elementID")

Свойства:


cssRules NN 6   IE 5+/Mac  DOM 2
  Только Чтение
 

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

 
 
 
Возвращаемое значение:
Массив объектов правил.
 
Значение по умолчанию: Ничего

cssText NN n/a   IE 5  DOM n/a
  Чтение/Изменение
 

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

 
 
 
Возвращаемое значение:
Строка
 
Значение по умолчанию: Ничего

disabled NN 6   IE 4   DOM 2
  Чтение/Изменение
 

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

 
Пример:

document.styleSheets[0].disabled = true

 
Возвращаемое значение:
Булево значение: true | false.
 
Значение по умолчанию: false

href NN 2   IE 4   DOM 2
  Чтение/Изменение
 

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

 
Пример:

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

 
Возвращаемое значение:
Строка полного или относительного URL.
 
Значение по умолчанию: Ничего.

id NN n/a   IE 4   DOM n/a
  Только чтение
 

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

 
 
 
Возвращаемое значение:
Строка
 
Значение по умолчанию: Ничего.

media NN 6   IE 4   DOM 1
  Чтение/Изменение
 

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

 
Пример:

document.all.myStyle.media = "print"

 
Возвращаемое значение:
Любое из следующих постоянных значений как строка: all | print | screen.
 
Значение по умолчанию: all

ownerNode NN 6   IE n/a  DOM 2
  Только чтение
 

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

 
 
 
Возвращаемое значение:
Ссылка на узел
 
Значение по умолчанию: null

ownerRule NN 6   IE n/a  DOM 2
  Только чтение
 

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

 
 
 
Возвращаемое значение:
Ссылка на элемент
 
Значение по умолчанию: null

owningElement NN n/a   IE 4   DOM n/a
  Только чтение
 

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

 
Пример:

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

 
Возвращаемое значение:
Ссылка на объект.
 
Значение по умолчанию: Ничего.

pages NN n/a   IE 4   DOM n/a
  Только чтение
 

Правило стиля @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

 
 
 
Возвращаемое значение:
Массив правил @pages
 
Значение по умолчанию: Массив правил @pages

parentStyleSheet NN 6   IE 4   DOM 2
 Только чтение
 

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

 
Возвращаемое значение:
Ссылка на объект.
 
Значение по умолчанию: Ничего.

readOnly NN n/a   IE 4   DOM n/a
  Только чтение
 

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

 
Возвращаемое значение:
Булево значение: true | false.
 
Значение по умолчанию: false

title NN 6   IE 4   DOM n/a
  Чтение/Изменение
 

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

 
Возвращаемое значение:
Сторка.
 
Значение по умолчанию: Ничего

type NN n/a   IE 4   DOM n/a
 Только чтение
 

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

 
Пример:

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

 
Возвращаемое значение: Строка.
 
Значение по умолчанию: Ничего.

Методы:


addImport( ) NN n/a   IE 4   DOM n/a

addImport(url, [index])

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

 
Возвращаемое значение
Целое число индексной позиции в пределах коллекции styleSheets[], куда была добавлена таблица стилей (в случае, если Вы опускаете второй параметр и позволяете браузеру находить конечную позицию).
 
Параметры
url Полный или относительный URL к таблице стилей (файлу .CSS).
index Дополнительное целое число, указывающее, куда новый элемент должен быть помещен в коллекции.

addRule( ) NN n/a   IE 4   DOM n/a

addRule(selector, style, [index])

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

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

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

 
Возвращаемое значение
None.
 
Параметры
selector Селектор правила стиля как строка.
style Один или более стилей пары attribute:value.
index Дополнительное целое число, указывающее, куда новый элемент должен быть помещен в коллекции.

deleteRule( ), insertRule( ) NN 6   IE 4   DOM 2

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

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

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

 
Возвращаемое значение
Для insertRule() - целочисленное.
 
Параметры
rule Строка, содержащая правило стиля в том виде, в котором оно было представлено в таблице стилей, включая селектор и фигурные скобки.
index Дополнительное целое число, указывающее, куда новый элемент должен быть помещен в коллекции.

Динамические коллекции:


imports[ ] NN n/a   IE 4   DOM n/a

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

 
Синтаксис

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


rules[ ] NN n/a   IE 4   DOM n/a

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

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

 
Синтаксис

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


footer:
Rambler's Top100