Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / DHTML /
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире


Динамические таблицы стилей - Программирование от RIN.RU
Динамические таблицы стилей



Директива @font-face: интерфейс CSSFontFaceRule


Поддержка :Не поддерживается.
Не поддерживается.



Интерфейс CSSFontFaceRule - это интерфейс, производный от CSSRule и соответствующий директиве @font-face. Он имеет одно дополнительное свойство style.


Свойство style


Синтаксис:  объект.style
Изменяемое: нет


Поддержка :Не поддерживается.
Не поддерживается.



Свойство style возвращает объект CSSStyleDeclaration, содержащий блок деклараций данной директивы. Пример чтения значения отдельного дескриптора шрифта:



alert(document.styleSheets[0].cssRules[0].style.fontFamily);





Директива @page: интерфейс CSSPageRule


Поддержка :Не поддерживается.
Не поддерживается.



Интерфейс CSSPageRule - это интерфейс, производный от CSSRule и соответствующий директиве @page. Он имеет два дополнительных свойства selectorText и style, которые соответствуют одноименным свойствам интерфейса CSSStyleRule.


Директива @import: интерфейс CSSImportRule


Поддержка :Не поддерживается.
Не поддерживается.



Интерфейс CSSImportRule - это интерфейс, производный от CSSRule и соответствующий директиве @import. Он имеет следующие дополнительные свойства:


Свойства интерфейса CSSImportRule
СвойствоИзменяемоеМодельОписание
hrefНетDOM 2URI импортируемой таблицы стилей.
mediaНетDOM 2Коллекция устройств отображения.
styleSheetНетDOM 2Указатель на импортируемую таблицу стилей.



Свойство href


Синтаксис:  объект.href
Изменяемое: нет


Поддержка :Не поддерживается.
Не поддерживается.



Свойство href возвращает URI файла импортируемой таблицы стилей, например,



alert(document.styleSheets[0].cssRules[0].href);





Свойство media


Синтаксис:  объект.media
Изменяемое: нет


Поддержка :Не поддерживается.
Не поддерживается.



Свойство media возвращает объект MediaList, содержащий список устройств отображения данной директивы. Пример:



alert(document.styleSheets[0].cssRules[0].media.length);





Свойство styleSheet


Синтаксис:  объект.styleSheet
Изменяемое: нет


Поддержка :Не поддерживается.
Не поддерживается.



Свойство styleSheet возвращает объект CSSStyleSheet, соответствующий таблице стилей, импортируемой данной директивой. Если таблица стилей еще не загружена (или не будет загружена из-за того, что текущего устройства отображения нет в списке устройств директивы), то возвращается null. Пример:



alert(document.styleSheets[0].cssRules[0].styleSheet);





Директива @charset: интерфейс CSSCharsetRule


Поддержка :Не поддерживается.
Не поддерживается.



Интерфейс CSSCharsetRule - это интерфейс, производный от CSSRule и соответствующий директиве @charset. Он имеет одно дополнительное свойство encoding.


Свойство encoding


Синтаксис:  объект.encoding
Изменяемое: нет
Иcключения: SYNTAX_ERR, NO_MODIFICATION_ALLOWED_ERR (при записи)


Поддержка :Не поддерживается.
Не поддерживается.



Свойство encoding позволяет читать и устанавливать название кодировки символов. Важно понимать, что эта кодировка не влияет на текстовые данные объектов DOM, которые всегда хранятся в кодировке UTF-16. Поэтому данное свойство нужно только для правильной перекодировки исходных документов в Unicode при их загрузке и обратной перекодировки при записи документов. Пример:



document.styleSheets[0].cssRules[0].encoding = "windows-1251";





Неизвестный оператор: интерфейс CSSUnknownRule


Поддержка :Не поддерживается.
Не поддерживается.



Стандарт требует, чтобы анализатор XML- и HTML-документов включал в коллекцию операторов все найденные в таблице стилей операторы, даже если они не могут быть распознаны анализатором. Для хранения таких неопознанных операторов введен интерфейс CSSUnknownRule, производный от CSSRule и не имеющий собственных свойств и методов.


Списки операторов CSS: интерфейс CSSRuleList


Поддержка :Нестандартная, только для HTML-документов.
Соответствует стандарту.



Интерфейс CSSRuleList реализует упорядоченные списки операторов CSS. Он имеет единственное свойство length, возвращающее количество элементов в списке, и единственный метод item, возвращающий элемент списка с заданным номером (элементы списка нумеруются, начиная с нуля).


Свойство length


Синтаксис:  список.length
Изменяемое: нет


Поддержка :Только для HTML-документов.
Соответствует стандарту.



Свойство length возвращает количество операторов в данном списке. Допустимые индексы элементов списка лежат в диапазоне от 0 до length-1 включительно. Следующий пример выводит на экран количество операторов в первой таблице стилей документа:



alert(document.styleSheets[0].cssRules.length); // в Gecko
alert(document.styleSheets[0].rules.length); // в Internet Explorer





Метод item


Синтаксис:  список.item(index)
Аргументы: index - числовое выражение
Результат: объект CSSRule или null
Исключения: нет


Поддержка :Только для HTML-документов.
Соответствует стандарту.



Метод item возвращает элемент списка операторов с заданным индексом в качестве результата. Если индекс выходит за пределы диапазона элементов списка, то возвращается null. Пример:



alert(document.styleSheets[0].cssRules.item(0).cssText);





JavaScript позволяет нам записать обращение к элементу списка более компактно. Предыдущий оператор может выглядеть так:



alert(document.styleSheets[0].cssRules[0].cssText);





Internet Explorer поддерживает еще одну форму обращения к элементу списка, а именно:



alert(document.styleSheets[0].rules(0).style.cssText);





Однако, эта форма является нестандартной, и ей лучше не пользоваться.


<<<  НазадВперед  >>>
 1  2  3  4  5  6  7 


 8  Комментарии к статье  8 8  Обсудить в чате

 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь