Директива @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 2 URI импортируемой таблицы стилей. 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  Обсудить в чате