W3C DOM Совместимость - CSS

Последнее обновление 19 Июля 2010 .

Это перевод страницы, которая расположена по-адресу http://www.quirksmode.org/ .

Автор перевода: Александр Барданов

Эта таблица совместимости содержит информацию о W3C DOM CSS Level 2 модулях и Microsoft расширениях во всех современных браузерах.

Стили элементов

Управление стилями начинается с доступа е стилям индивидуального элемента HTML. Важное свойство style дает доступ к элементу.

Свойство IE 5.5 IE 6 IE 7 IE8 IE9 pr3 FF 3.0 FF 3.5 FF 3.6 FF 4b1 Saf 4.0 Win Saf 5.0 Win Chrome 4 Chrome 5 Opera 10.10 Opera 10.53 Opera 10.60 Konqueror 4.x
currentStyle
Текущий стиль элемента Microsoft
Да Нет Нет Нет Да Нужен тест

x.currentStyle

Возвращает стиль элемента x

getComputed Style()
Текущий стиль элемента W3C
Нет Да Да Да Да Да Нужен тест

window.getComputedStyle(x,null).color

Считывает текущий цвет x . Все равзмеры конвертируются в пиксели.

style
Стиль элемента
Почти Да Да Да Да Да Нужен тест

x.style

Доступ к стилям элемента x .

Вы также можете установить: x.style.color = '#0000cc' .

Нет Да Нет Нет Нет Да Нужен тест

x.style = 'font-size: 150%'

Изменяет стиль только font-size: 150% .

Только чтение Да Да Да Да Да Нужен тест

document.styleSheets[1].cssRules[0].style

Получает доступ к первому правилу второй CSS. Здесь может быть установленно:
document.styleSheets[1].cssRules[0].style.color = '#0000cc'

Свойство IE 5.5 IE 6 IE 7 IE8 IE9 pr3 FF 3.0 FF 3.5 FF 3.6 FF 4b1 Saf 4.0 Win Saf 5.0 Win Chrome 4 Chrome 5 Opera 10.10 Opera 10.53 Opera 10.60 Konqueror 4.x

Доступ к таблицам

Вы можете получить доступ, а также изменить, целые таблицы стилей.

Свойство IE 5.5 IE 6 IE 7 IE8 IE9 pr3 FF 3.0 FF 3.5 FF 3.6 FF 4b1 Saf 4.0 Win Saf 5.0 Win Chrome 4 Chrome 5 Opera 10.10 Opera 10.53 Opera 10.60 Konqueror 4.x
cssRules[]
Массив со всеми правилами таблицы.
Нет Да Да Да Да Да Нужен тест

document.styleSheets[1].cssRules[1]

Доступ ко второму правила второй таблицы.

imports[]
Массив со всеми импортированными стилями в таблице
Да Нет Нет Нет Нет Нужен тест

document.styleSheets[1].imports

rules[]
Массив со всеми правилами в таблице
Не верно Нет Да Да Нет Нужен тест

document.styleSheets[1].rules[1]

rules не содержит @import , в то время, как cssRules сожержит.

  • IE не считает @import правилом, но разделяет p#test, ul на два правила. Это справедливо вплоть до IE9, хотя cssRules работает верно.
styleSheets[]
Массив со всеми таблицами стилей в документе
Да Да Да Да Да Нужен тест

document.styleSheets[1]

Свойство IE 5.5 IE 6 IE 7 IE8 IE9 pr3 FF 3.0 FF 3.5 FF 3.6 FF 4b1 Saf 4.0 Win Saf 5.0 Win Chrome 4 Chrome 5 Opera 10.10 Opera 10.53 Opera 10.60 Konqueror 4.x

Изменение таблиц стиля

Вы можете изменять целые таблицы стилей. Это значит, что изменения будут видимы на всем HTML документе, а не только отдельном элементе. У некоторых браузеров с этим бывают проблемы.

Свойство IE 5.5 IE 6 IE 7 IE8 IE9 pr3 FF 3.0 FF 3.5 FF 3.6 FF 4b1 Saf 4.0 Win Saf 5.0 Win Chrome 4 Chrome 5 Opera 10.10 Opera 10.53 Opera 10.60 Konqueror 4.x
addRule()
Добавить правило в таблицу. Microsoft.
Да Нет Да Да Нет Нужен тест

document.styleSheets[1].addRule('pre', 'font: 14px verdana')

deleteRule()
Удалить правило из таблицы. W3C.
Нет Да Да Да Да Да Нужен тест

document.styleSheets[1].deleteRule(1)

insertRule()
Добавить правило в таблицу. W3C.
Нет Да Да Да Да Да Нужен тест

var x = document.styleSheets[1];
x.insertRule('pre {font: 14px verdana}',x.cssRules.length)

removeRule()
Убрать правило из таблицы. Microsoft.
Да Нет Да Да Нет Нужен тест

document.styleSheets[1].removeRule(1)

Свойство IE 5.5 IE 6 IE 7 IE8 IE9 pr3 FF 3.0 FF 3.5 FF 3.6 FF 4b1 Saf 4.0 Win Saf 5.0 Win Chrome 4 Chrome 5 Opera 10.10 Opera 10.53 Opera 10.60 Konqueror 4.x