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

Автор: Aport Понедельник, Февраль 2nd, 2015 Нет комментариев

Рубрика: Уроки 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-разработчикам.

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты