Как обратиться к свойствам CSS-стилей через JavaScript

В приведенной ниже таблице перечислены все свойства интерфейса CSS2Properties, соответствующие им названия свойств CSS и указано, поддерживаются ли эти свойства в MSHTML и Gecko.

Следует отметить, что авторы Gecko заложили в него поддержку CSS2Properties "с запасом": все его свойства считаются синтаксически правильными, даже если обозреватель их не поддерживает. Поэтому в Gecko мы можем уверенно считывать и задавать любые свойства CSS, но обозреватель может игнорировать такие установки.

Поддержка динамических свойств CSS обозревателями
Свойство CSS Свойство в DOM MSHTML Gecko
azimuth azimuth Нет Нет
background background Да Да
background-attachment backgroundAttachment Да Да
background-color backgroundColor Да Да
background-image backgroundImage Да Да
background-position backgroundPosition Да Да
background-repeat backgroundRepeat Да Да
border border Да Да
border-bottom borderBottom Да Да
border-bottom-color borderBottomColor Да Да
border-bottom-style borderBottomStyle Да Да
border-bottom-width borderBottomWidth Да Да
border-collapse borderCollapse Да Да
border-color borderColor Да Да
border-left borderLeft Да Да
border-left-color borderLeftColor Да Да
border-left-style borderLeftStyle Да Да
border-left-width borderLeftWidth Да Да
border-right borderRight Да Да
border-right-color borderRightColor Да Да
border-right-style borderRightStyle Да Да
border-right-width borderRightWidth Да Да
border-spacing borderSpacing Нет Да
border-style borderStyle Да Да
border-top borderTop Да Да
border-top-color borderTopColor Да Да
border-top-style borderTopStyle Да Да
border-top-width borderTopWidth Да Да
border-width borderWidth Да Да
bottom bottom Да Да
capton-side captionSide Нет Да
clear clear Да Да
clip clip Да Да
color color Да Да
content content Нет Да
counter-increment counterIncrement Нет Нет
counter-reset counterReset Нет Нет
cue cue Нет Нет
cue-after cueAfter Нет Нет
cue-before cueBefore Нет Нет
cursor cursor Да Да
direction direction Да Да
display display Да Да
elevation elevation Нет Нет
empty-cells emptyCells Нет Нет
float cssFloat styleFloat Да
font font Да Да
font-family fontFamily Да Да
font-size fontSize Да Да
font-size-adjust fontSizeAdjust Нет Нет
font-stretch fontStretch Нет Нет
font-style fontStyle Да Да
font-variant fontVariant Да Да
font-weight fontWeight Да Да
height height Да Да
left left Да Да
letter-spacing letterSpacing Да Да
line-height lineHeight Да Да
list-style listStyle Да Да
list-style-image listStyleImage Да Да
list-style-position listStylePosition Да Да
list-style-type listStyleType Да Да
margin margin Да Да
margin-bottom marginBottom Да Да
margin-left marginLeft Да Да
margin-right marginRight Да Да
margin-top marginTop Да Да
marker-offset markerOffset Нет Нет
marks marks Нет Нет
max-height maxHeight Нет Да
max-width maxWidth Нет Да
min-height minHeight Нет Да
min-width minWidth Нет Да
orphans orphans Нет Нет
outline outline Нет Нет
outline-color outlineColor Нет Нет
outline-style outlineStyle Нет Нет
outline-width outlineWidth Нет Нет
overflow overflow Да Да
padding padding Да Да
padding-bottom paddingBottom Да Да
padding-left paddingLeft Да Да
padding-right paddingRight Да Да
padding-top paddingTop Да Да
page page Нет Нет
page-break-after pageBreakAfter Да Нет
page-break-before pageBreakBefore Да Нет
page-break-inside pageBreakInside Нет Нет
pause pause Нет Нет
pause-after pauseAfter Нет Нет
pause-before pauseBefore Нет Нет
pitch pitch Нет Нет
pitch-range pitchRange Нет Нет
play-during playDuring Нет Нет
position position Да Да
quotes quotes Нет Да
richness richness Нет Нет
right right Да Да
size size Нет Нет
speak speak Нет Нет
speak-header speakHeader Нет Нет
speak-numeral speakNumeral Нет Нет
speak-punctuation speakPunctuation Нет Нет
speech-rate speechRate Нет Нет
stress stress Нет Нет
table-layout tableLayout Да Нет
text-align textAlign Да Да
text-decoration textDecoration Да Да
text-indent textIndent Да Да
text-shadow textShadow Нет Нет
text-transform textTransform Да Да
top top Да Да
unicode-bidi unicodeBidi Да Да
vertical-align verticalAlign Да Да
visibility visibility Да Да
voice-family voiceFamily Нет Нет
volume volume Нет Нет
white-space whiteSpace Да Да
widows widows Нет Нет
width width Да Да
word-spacing wordSpacing Да Да
z-index zIndex Да Да

Думаю, данная таблица будет весьма полезна всем JavaScript-разработчикам.

Оцени публикацию:
  • 8,40
Оценили человек: 8

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » JavaScript »