DOM объект Style хранит информацию об оформлении элементов.
С помощью данного объекта Вы сможете изменять оформление HTML элементов из скриптов.
Синтаксис:
document.getElementById("id").style.СSS_свойство="значение"
Свойства DOM объекта Style в таблице были разбиты по подгруппам объединяющим родственные свойства:
Обратите внимание: нажав на одну из ссылок Вы переместитесь к соответствующей группе свойств в таблице ниже.
Подгруппа свойств | Свойства | Описание |
---|---|---|
Оформление фона | background | Возвращает или устанавливает значение CSS свойства background. |
backgroundAttachment | Возвращает или устанавливает значение CSS свойства background-attachment. | |
backgroundColor | Возвращает или устанавливает значение CSS свойства background-color. | |
backgroundImage | Возвращает или устанавливает значение CSS свойства background-image. | |
backgroundPosition | Возвращает или устанавливает значение CSS свойства backround-position. | |
backgroundRepeat | Возвращает или устанавливает значение CSS свойства backround-repeat. | |
Оформление текста | color | Возвращает или устанавливает значение CSS свойства color. |
font | Возвращает или устанавливает значение CSS свойства font. | |
fontFamily | Возвращает или устанавливает значение CSS свойства font-family. | |
fontSize | Возвращает или устанавливает значение CSS свойства font-size. | |
fontStyle | Возвращает или устанавливает значение CSS свойства font-style. | |
fontVariants | Возвращает или устанавливает значение CSS свойства font-variants. | |
fontWeight | Возвращает или устанавливает значение CSS свойства font-weight. | |
letterSpacing | Возвращает или устанавливает значение CSS свойства letter-spacing. | |
lineHeight | Возвращает или устанавливает значение CSS свойства line-height. | |
textAlign | Возвращает или устанавливает значение CSS свойства text-align. | |
textIndent | Возвращает или устанавливает значение CSS свойства text-indent. | |
whiteSpace | Возвращает или устанавливает значение CSS свойства white-space. | |
wordSpacing | Возвращает или устанавливает значение CSS свойства word-spacing. | |
Оформление границ | border | Возвращает или устанавливает значение CSS свойства border. |
borderBottom | Возвращает или устанавливает значение CSS свойства border-bottom. | |
borderBottomColor | Возвращает или устанавливает значение CSS свойства border-bottom-color. | |
borderBottomStyle | Возвращает или устанавливает значение CSS свойства border-bottom-style. | |
borderBottomWidth | Возвращает или устанавливает значение CSS свойства border-bottom-width. | |
borderColor | Возвращает или устанавливает значение CSS свойства border-color. | |
borderLeft | Возвращает или устанавливает значение CSS свойства border-left. | |
borderLeftColor | Возвращает или устанавливает значение CSS свойства border-left-color. | |
borderLeftStyle | Возвращает или устанавливает значение CSS свойства border-left-style. | |
borderLeftWidth | Возвращает или устанавливает значение CSS свойства border-left-width. | |
borderRight | Возвращает или устанавливает значение CSS свойства border-right. | |
borderRightColor | Возвращает или устанавливает значение CSS свойства border-right-color. | |
borderRightStyle | Возвращает или устанавливает значение CSS свойства border-right-style. | |
borderRightWidth | Возвращает или устанавливает значение CSS свойства border-right-width. | |
borderStyle | Возвращает или устанавливает значение CSS свойства border-style. | |
borderTop | Возвращает или устанавливает значение CSS свойства border-top. | |
borderTopColor | Возвращает или устанавливает значение CSS свойства border-top-color. | |
borderTopStyle | Возвращает или устанавливает значение CSS свойства border-top-style. | |
borderTopWidth | Возвращает или устанавливает значение CSS свойства border-top-width. | |
borderWidth | Возвращает или устанавливает значение CSS свойства border-width. | |
Оформление внешнего отступа |
margin | Возвращает или устанавливает значение CSS свойства margin. |
marginBottom | Возвращает или устанавливает значение CSS свойства margin-bottom. | |
marginLeft | Возвращает или устанавливает значение CSS свойства margin-left. | |
marginRight | Возвращает или устанавливает значение CSS свойства margin-right. | |
marginTop | Возвращает или устанавливает значение CSS свойства margin-top. | |
Оформление внутреннего отступа | padding | Возвращает или устанавливает значение CSS свойства padding. |
paddingBottom | Возвращает или устанавливает значение CSS свойства padding-bottom. | |
paddingLeft | Возвращает или устанавливает значение CSS свойства padding-left. | |
paddingRight | Возвращает или устанавливает значение CSS свойства padding-right. | |
paddingTop | Возвращает или устанавливает значение CSS свойства padding-top. | |
Оформление расположения элементов | clear | Возвращает или устанавливает значение CSS свойства clear. |
clip | Возвращает или устанавливает значение CSS свойства clip. | |
cssFloat | Возвращает или устанавливает значение CSS свойства float. | |
cursor | Возвращает или устанавливает значение CSS свойства cursor. | |
direction | Возвращает или устанавливает значение CSS свойства direction. | |
display | Возвращает или устанавливает значение CSS свойства display. | |
height | Возвращает или устанавливает значение CSS свойства height. | |
maxHeight | Возвращает или устанавливает значение CSS свойства max-height. | |
maxWidth | Возвращает или устанавливает значение CSS свойства max-width. | |
overflow | Возвращает или устанавливает значение CSS свойства overflow. | |
verticalAlign | Возвращает или устанавливает значение CSS свойства verticalAlign. | |
visibility | Возвращает или устанавливает значение CSS свойства visibility. | |
width | Возвращает или устанавливает значение CSS свойства width. | |
Свойства позиционирования | bottom | Возвращает или устанавливает значение CSS свойства bottom. |
left | Возвращает или устанавливает значение CSS свойства left. | |
position | Возвращает или устанавливает значение CSS свойства position. | |
right | Возвращает или устанавливает значение CSS свойства right. | |
top | Возвращает или устанавливает значение CSS свойства top. | |
zIndex | Возвращает или устанавливает значение CSS свойства z-index. | |
Оформление таблиц | borderCollapse | Возвращает или устанавливает значение CSS свойства border-collapse. |
borderSpacing | Возвращает или устанавливает значение CSS свойства border-spacing. | |
captionSide | Возвращает или устанавливает значение CSS свойства caption-side | |
emptyCell | Возвращает или устанавливает значение CSS свойства empty-cell. | |
Оформление списков | listStyle | Возвращает или устанавливает значение CSS свойства list-style. |
listStyleImage | Возвращает или устанавливает значение CSS свойства list-style-image. | |
listStylePosition | Возвращает или устанавливает значение CSS свойства list-style-position. | |
listStyleType | Возвращает или устанавливает значение CSS свойства list-style-type. | |
Оформление внешней линии |
outline | Возвращает или устанавливает значение CSS свойства outline. |
outlineColor | Возвращает или устанавливает значение CSS свойства outline-color. | |
outlineStyle | Возвращает или устанавливает значение CSS свойства outline-style. | |
outlineWidth | Возвращает или устанавливает значение CSS свойства outline-width. |