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. |