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

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

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

Перейти: azimuth background background-attachment background-color background-image background-position background-repeat border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom capton-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width orphans outline outline-color outline-style outline-width overflow padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes richness right size speak speak-header speak-numeral speak-punctuation speech-rate stress table-layout text-align text-decoration text-indent text-shadow text-transform top unicode-bidi vertical-align visibility voice-family volume white-space widows width word-spacing z-index

Поддержка динамических свойств CSS обозревателями

Свойство CSS	Свойство в DOM	MSHTML*	Gecko**
azimuth	azimuth	Нет	Нет
background	background document.body.style.background="#FF0000";	Да	Да
background-attachment	backgroundAttachment document.body.style.backgroundAttachment="fixed";	Да	Да
background-color	backgroundColor .style.backgroundColor="color|inherit|transparent"	Да	Да
background-image	backgroundImage .style.backgroundImage="url('URL')|none|inherit"	Да	Да
background-position	backgroundPosition .style.backgroundPosition="center top left right bottom";	Да	Да
background-repeat	backgroundRepeat .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|inherit"	Да	Да
border	border .style.border="width style color"	Да	Да
border-bottom	borderBottom .style.borderBottom="width style color"	Да	Да
border-bottom-color	borderBottomColor .style.borderBottomColor="color|transparent|inherit"	Да	Да
border-bottom-style	borderBottomStyle .style.borderBottomStyle="value"	Да	Да
border-bottom-width	borderBottomWidth .style.borderBottomWidth="thin|medium|thick|length|inherit"	Да	Да
border-collapse	borderCollapse .style.borderColor="color|transparent|inherit"	Да	Да
border-color	borderColor .style.borderColor="width style color"	Да	Да
border-left	borderLeft .style.borderLeft="width style color"	Да	Да
border-left-color	borderLeftColor .style.borderLeftColor="color|transparent|inherit"	Да	Да
border-left-style	borderLeftStyle .style.borderLeftStyle="value"	Да	Да
border-left-width	borderLeftWidth .style.borderLeftWidth="thin|medium|thick|length|inherit"	Да	Да
border-right	borderRight .style.borderRight="width style color"	Да	Да
border-right-color	borderRightColor .style.borderRightColor="color|transparent|inherit"	Да	Да
border-right-style	borderRightStyle .style.borderRightStyle="value"	Да	Да
border-right-width	borderRightWidth .style.borderRightWidth="thin|medium|thick|length|inherit"	Да	Да
border-spacing	borderSpacing .style.borderSpacing="value"	Нет	Да
border-style	borderStyle .style.borderStyle="value"	Да	Да
border-top	borderTop .style.borderTop="width style color"	Да	Да
border-top-color	borderTopColor .style.borderTopColor="color|transparent|inherit"	Да	Да
border-top-style	borderTopStyle .style.borderTopStyle="value"	Да	Да
border-top-width	borderTopWidth .style.borderTopWidth="thin|medium|thick|length|inherit"	Да	Да
border-width	borderWidth .style.borderTopWidth="thin|medium|thick|length|inherit"	Да	Да
bottom	bottom .style.bottom="auto|length|%|inherit"	Да	Да
capton-side	captionSide	Нет	Да
clear	clear .style.clear="none|left|right|both"	Да	Да
clip	clip .style.clip="auto|rect(top right bottom left)|inherit"	Да	Да
color	color	Да	Да
content	content	Нет	Да
counter-increment	counterIncrement	Нет	Нет
counter-reset	counterReset	Нет	Нет
cue	cue	Нет	Нет
cue-after	cueAfter	Нет	Нет
cue-before	cueBefore	Нет	Нет
cursor	cursor .style.cursor="value"	Да	Да
direction	direction	Да	Да
display	display .style.display="value"	Да	Да
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 .style.listStyle="type position image"	Да	Да
list-style-image	listStyleImage .style.listStyleImage="none|url|inherit"	Да	Да
list-style-position	listStylePosition .style.listStylePosition="outside|inside|inherit"	Да	Да
list-style-type	listStyleType .style.listStyleType="value"	Да	Да
margin	margin .style.margin="%|length|auto|inherit"	Да	Да
margin-bottom	marginBottom .style.marginBottom="%|length|auto|inherit"	Да	Да
margin-left	marginLeft .style.marginLeft="%|length|auto|inherit"	Да	Да
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	Да	Да

* - MSHTML (также известен как Trident) — браузерный движок для Microsoft Internet Explorer.
** - Gecko — это свободный движок вывода веб-страниц (англ. layout engine) браузеров Mozilla Firefox, Netscape и других.

✔Примеры поддержки динамических свойств CSS Как обратиться к свойствам CSS-стилей из JavaScript

По материалам сайта http://htmlweb.ru/