HTML DOM Стиль Объекта
Объект стиля
Объект Style представляет отдельную инструкцию Style.
Свойства объекта стиля
Столбец "CSS" указывает, в какой версии CSS определено свойство (CSS1, CSS2 или CSS3).
| Свойство | Описание | CSS |
|---|---|---|
| alignContent | Задает или возвращает выравнивание между строками внутри гибкого контейнера, если элементы не используют все доступное пространство | 3 |
| alignItems | Задает или возвращает выравнивание для элементов внутри гибкого контейнера | 3 |
| alignSelf | Задает или возвращает выравнивание для выбранных элементов внутри гибкого контейнера | 3 |
| animation | Сокращенное свойство для всех свойств анимации, за исключением свойства аниматионплайстате | 3 |
| animationDelay | Устанавливает или возвращает, когда анимация начнется | 3 |
| animationDirection | Задает или возвращает значение, независимо от того, должна ли анимация воспроизводиться в обратном порядке на альтернативных циклах | 3 |
| animationDuration | Задает или возвращает количество секунд или миллисекунд, необходимое для завершения одного цикла анимации | 3 |
| animationFillMode | Задает или возвращает значения, применяемые анимацией вне времени ее выполнения | 3 |
| animationIterationCount | Задает или возвращает число попыток воспроизведения анимации | 3 |
| animationName | Задает или возвращает имя для анимации @keyframes | 3 |
| animationTimingFunction | Задает или возвращает кривую скорости анимации | 3 |
| animationPlayState | Задает или возвращает ли анимация запущена или приостановлена | 3 |
| background | Задает или возвращает все свойства фона в одном объявлении | 1 |
| backgroundAttachment | Устанавливает или возвращает ли фоновое изображение фиксированной или прокручивается со страницей | 1 |
| backgroundColor | Задает или возвращает цвет фона элемента | 1 |
| backgroundImage | Задает или возвращает фоновое изображение для элемента | 1 |
| backgroundPosition | Устанавливает или возвращает начальную позицию фонового изображения | 1 |
| backgroundRepeat | Устанавливает или возвращает способ повторения (плитки) фонового изображения | 1 |
| backgroundClip | Задание или возврат области рисования фона | 3 |
| backgroundOrigin | Устанавливает или возвращает область позиционирования фоновых изображений | 3 |
| backgroundSize | Задает или возвращает размер фонового изображения | 3 |
| backfaceVisibility | Задает или возвращает значение, если элемент должен быть видимым, если он не обращен к экрану | 3 |
| border | Задает или возвращает BorderWidth, borderStyle и borderColor в одном объявлении | 1 |
| borderBottom | Задает или возвращает все свойства бордерботтом * в одном объявлении | 1 |
| borderBottomColor | Задает или возвращает цвет нижней границы | 1 |
| borderBottomLeftRadius | Задает или возвращает форму границы нижнего левого угла | 3 |
| borderBottomRightRadius | Задает или возвращает форму границы нижнего правого угла | 3 |
| borderBottomStyle | Задает или возвращает стиль нижней границы | 1 |
| borderBottomWidth | Задает или возвращает ширину нижней границы | 1 |
| borderCollapse | Задает или возвращает значение, если граница таблицы должна быть свернута в одну границу или не | 2 |
| borderColor | Задает или возвращает цвет границы элемента (может иметь до четырех значений) | 1 |
| borderImage | Сокращенное свойство для настройки или возврата всех свойств бордеримаже * | 3 |
| borderImageOutset | Задает или возвращает сумму, на которую область изображения границы выходит за границы рамки | 3 |
| borderImageRepeat | Задает или возвращает значение, при котором граница изображения должна повторяться, округляться или растягиваться | 3 |
| borderImageSlice | Задает или возвращает внутреннее смещение изображения-границы | 3 |
| borderImageSource | Задает или возвращает изображение, которое будет использовано в качестве границы | 3 |
| borderImageWidth | Задает или возвращает ширину изображения-граница | 3 |
| borderLeft | Задает или возвращает все свойства бордерлефт * в одном объявлении | 1 |
| borderLeftColor | Задает или возвращает цвет левой границы | 1 |
| borderLeftStyle | Задает или возвращает стиль левой границы | 1 |
| borderLeftWidth | Задает или возвращает ширину левой границы | 1 |
| borderRadius | Сокращенное свойство для задания или возврата всех четырех граничных свойств * RADIUS | 3 |
| borderRight | Задает или возвращает все свойства бордерригхт * в одном объявлении | 1 |
| borderRightColor | Задает или возвращает цвет правой границы | 1 |
| borderRightStyle | Задает или возвращает стиль правой границы | 1 |
| borderRightWidth | Задает или возвращает ширину правой границы | 1 |
| borderSpacing | Задает или возвращает пространство между ячейками в таблице | 2 |
| borderStyle | Задает или возвращает стиль границы элемента (может иметь до четырех значений) | 1 |
| borderTop | Задает или возвращает все свойства бордертоп * в одном объявлении | 1 |
| borderTopColor | Задает или возвращает цвет верхней границы | 1 |
| borderTopLeftRadius | Задает или возвращает форму границы верхнего левого угла | 3 |
| borderTopRightRadius | Задает или возвращает форму границы верхнего правого угла | 3 |
| borderTopStyle | Задает или возвращает стиль верхней границы | 1 |
| borderTopWidth | Задает или возвращает ширину верхней границы | 1 |
| borderWidth | Задает или возвращает ширину границы элемента (может иметь до четырех значений) | 1 |
| bottom | Задание или возврат нижнего положения позиционного элемента | 2 |
| boxDecorationBreak | Задает или возвращает поведение фона и границы элемента при разрыве страницы или, для линейных элементов, при разрыве строки. | 3 |
| boxShadow | Вставка одной или нескольких теней в поле | 3 |
| boxSizing | Позволяет определить определенные элементы, чтобы соответствовать области определенным образом | 3 |
| breakAfter | 3 | |
| breakBefore | 3 | |
| breakInside | 3 | |
| captionSide | Задает или возвращает положение заголовка таблицы | 2 |
| clear | Задает или возвращает положение элемента относительно перемещаемых объектов | 1 |
| clip | Задает или возвращает, какая часть позиционного элемента является видимой | 2 |
| color | Задает или возвращает цвет текста | 1 |
| columnCount | Задает или возвращает число столбцов, в которые должен быть разделен элемент | 3 |
| columnFill | Задает или возвращает способ заполнения столбцов | 3 |
| columnGap | Задание или возврат зазора между столбцами | 3 |
| columnRule | Сокращенное свойство для настройки или возврата всех свойств колумнруле * | 3 |
| columnRuleColor | Задает или возвращает цвет правила между столбцами | 3 |
| columnRuleStyle | Задает или возвращает стиль правила между столбцами | 3 |
| columnRuleWidth | Задает или возвращает ширину правила между столбцами | 3 |
| columns | Сокращенное свойство для установки или возвращения columnWidth и ColumnCount | 3 |
| columnSpan | Задает или возвращает количество столбцов, которые должен охватывать элемент | 3 |
| columnWidth | Задает или возвращает ширину столбцов | 3 |
| content | Используется с: before и: After псевдо-элементы, чтобы вставить сгенерированное содержимое | 2 |
| counterIncrement | Увеличивает один или несколько счетчиков | 2 |
| counterReset | Создает или сбрасывает один или несколько счетчиков | 2 |
| cursor | Задает или возвращает тип курсора для отображения указателя мыши | 2 |
| direction | Задает или возвращает направление текста | 2 |
| display | Задает или возвращает тип отображения элемента | 1 |
| emptyCells | Задает или возвращает Отображение границы и фона пустых ячеек или не | 2 |
| filter | Устанавливает или возвращает фильтры изображений (визуальные эффекты, такие как размытие и насыщенность) | 3 |
| flex | Задает или возвращает длину элемента по отношению к остальным | 3 |
| flexBasis | Задает или возвращает начальную длину гибкого элемента | 3 |
| flexDirection | Задает или возвращает направление гибких элементов | 3 |
| flexFlow | Сокращенное свойство для свойств флексдиректион и флексврап | 3 |
| flexGrow | Задает или возвращает количество, которое будет увеличиваться по сравнению с остальными | 3 |
| flexShrink | Задает или возвращает способ сжатия элемента относительно остальных | 3 |
| flexWrap | Устанавливает или возвращает ли гибкие элементы должны обернуть или нет | 3 |
| cssFloat | Задает или возвращает выравнивание по горизонтали элемента | 1 |
| font | Задает или возвращает FontStyle, фонтвариант, fontWeight, LineHeight и FontFamily в одном объявлении | 1 |
| fontFamily | Задает или возвращает семейство шрифтов для текста | 1 |
| fontFeatureSetting | 3 | |
| fontKerning | 3 | |
| fontLanguageOverride | 3 | |
| fontSynthesis | 3 | |
| fontVariantAlternates | 3 | |
| fontVariantCaps | 3 | |
| fontVariantEastAsian | 3 | |
| fontVariantLigatures | 3 | |
| fontVariantNumeric | 3 | |
| fontVariantPosition | 3 | |
| fontSize | Задает или возвращает размер шрифта текста | 1 |
| fontStyle | Задает или возвращает тип шрифта: обычный, курсивный или наклонный | 1 |
| fontVariant | Задает или Возвращает шрифт, который должен отображаться маленькими прописными буквами | 1 |
| fontWeight | Задает или возвращает смелость шрифта | 1 |
| fontSizeAdjust | Сохраняет читаемость текста, когда происходит откат шрифта | 3 |
| fontStretch | Выбор нормальной, сжатой или расширенной грани из семейства шрифтов | 3 |
| hangingPunctuation | Указывает, может ли знак пунктуации размещаться вне поля строки | 3 |
| height | Задает или возвращает высоту элемента | 1 |
| hyphens | Задание разбиения слов для улучшения макета абзацев | 3 |
| icon | Предоставляет автору возможность стиль элемента с знаковых эквивалент | 3 |
| imageOrientation | Задает поворот в направлении вправо или по часовой стрелке, применяемый агентом пользователя к изображению | 3 |
| imageRendering | 3 | |
| imageResolution | 3 | |
| imeMode | 3 | |
| justifyContent | Задает или возвращает выравнивание между элементами внутри гибкого контейнера, если элементы не используют все доступное пространство. | 3 |
| left | Задает или возвращает левое положение позиционного элемента | 2 |
| letterSpacing | Задает или возвращает пространство между символами в тексте | 1 |
| lineBreak | 3 | |
| lineHeight | Задание или возврат расстояния между строками в тексте | 1 |
| listStyle | Задает или возвращает листстилеимаже, листстилепоситион и листстилетипе в одном объявлении | 1 |
| listStyleImage | Задает или возвращает изображение в качестве маркера элемента списка | 1 |
| listStylePosition | Задает или возвращает позицию маркера элемента списка | 1 |
| listStyleType | Задает или возвращает тип маркера элемента списка | 1 |
| margin | Задает или возвращает поля элемента (может иметь до четырех значений) | 1 |
| marginBottom | Устанавливает или возвращает нижнее поле элемента | 1 |
| marginLeft | Задает или возвращает левое поле элемента | 1 |
| marginRight | Задает или возвращает правое поле элемента | 1 |
| marginTop | Устанавливает или возвращает верхнее поле элемента | 1 |
| mark | A shorthand property for setting the mark-before and mark-after properties | 3 |
| markAfter | Allows named markers to be attached to the audio stream | 3 |
| markBefore | Allows named markers to be attached to the audio stream | 3 |
| marks | Adds crop and/or cross marks to the document | 3 |
| marqueeDirection | Sets the direction of the moving content | 3 |
| marqueePlayCount | Sets how many times the content move | 3 |
| marqueeSpeed | Sets how fast the content scrolls | 3 |
| marqueeStyle | Sets the style of the moving content | 3 |
| mask | 3 | |
| maskType | 3 | |
| maxHeight | Задает или возвращает максимальную высоту элемента | 2 |
| maxWidth | Задает или возвращает максимальную ширину элемента | 2 |
| minHeight | Задает или возвращает минимальную высоту элемента | 2 |
| minWidth | Задает или возвращает минимальную ширину элемента | 2 |
| navDown | Задает или возвращает место для перемещения при использовании клавиши навигации со стрелкой вниз | 3 |
| navIndex | Задает или возвращает порядок табуляции для элемента | 3 |
| navLeft | Задает или возвращает место перемещения при использовании клавиши навигации со стрелкой влево | 3 |
| navRight | Задает или возвращает место перемещения при использовании клавиши навигации вправо | 3 |
| navUp | Задает или возвращает место перемещения при использовании клавиши навигации со стрелкой вверх | 3 |
| objectFit | 3 | |
| objectPosition | 3 | |
| opacity | Задает или возвращает уровень непрозрачности для элемента | 3 |
| order | Задает или возвращает порядок гибкого элемента по отношению к остальным | 3 |
| orphans | Задает или возвращает минимальное количество строк для элемента, которое должно быть оставлено в нижней части страницы при возникновении разрыва страницы внутри элемента | 2 |
| outline | Задает или возвращает все свойства структуры в одном объявлении | 2 |
| outlineColor | Задает или возвращает цвет контура вокруг элемента | 2 |
| outlineOffset | Смещение контура и его выводит за пределы края границы | 3 |
| outlineStyle | Задает или возвращает стиль контура вокруг элемента | 2 |
| outlineWidth | Задает или возвращает ширину контура вокруг элемента | 2 |
| overflow | Задает или возвращает, что делать с содержимым, которое отображается вне поля элемента | 2 |
| overflowWrap | 3 | |
| overflowX | Указывает, что делать с левыми/правыми краями содержимого, если оно переполнено областью содержимого элемента | 3 |
| overflowY | Указывает, что делать с верхними/нижними краями содержимого, если оно переполнено областью содержимого элемента | 3 |
| padding | Задает или возвращает заполнение элемента (может иметь до четырех значений) | 1 |
| paddingBottom | Задает или возвращает нижнее заполнение элемента | 1 |
| paddingLeft | Задает или возвращает левое заполнение элемента | 1 |
| paddingRight | Задает или возвращает правое заполнение элемента | 1 |
| paddingTop | Задает или возвращает верхнее заполнение элемента | 1 |
| pageBreakAfter | Задает или возвращает поведение разрыва страницы после элемента | 2 |
| pageBreakBefore | Задает или возвращает поведение разрыва страницы перед элементом | 2 |
| pageBreakInside | Задает или возвращает поведение разрыва страницы внутри элемента | 2 |
| perspective | Задает или возвращает перспективу просмотра трехмерных элементов | 3 |
| perspectiveOrigin | Задание или возврат нижнего положения трехмерных элементов | 3 |
| phonemes | Specifies a phonetic pronunciation for the text contained by the corresponding element | 3 |
| position | Задает или возвращает тип метода позиционирования, используемого для элемента (статический, относительный, абсолютный или фиксированный) | 2 |
| quotes | Задает или возвращает тип кавычек для внедренных предложений | 2 |
| resize | Задает или возвращает, является ли элемент изменяемым по размерам пользователем | 3 |
| rest | A shorthand property for setting the rest-before and rest-after properties | 3 |
| restAfter | Specifies a rest or prosodic boundary to be observed after speaking an element's content | 3 |
| restBefore | Specifies a rest or prosodic boundary to be observed before speaking an element's content | 3 |
| right | Задает или возвращает правильное положение позиционного элемента | 2 |
| tableLayout | Задает или возвращает способ компоновки ячеек таблицы, строк и столбцов | 2 |
| tabSize | Задает или возвращает длину символа табуляции | 3 |
| textAlign | Задает или возвращает выравнивание текста по горизонтали | 1 |
| textAlignLast | Задает или возвращает способ выравнивания последней строки блока или строки перед принудительным разрывом строки при выравнивании текста по "выравнивание" | 3 |
| textCombineHorizontal | 3 | |
| textDecoration | Задает или возвращает Оформление текста | 1 |
| textDecorationColor | Устанавливает или возвращает цвет текста-декора | 3 |
| textDecorationLine | Задает или возвращает тип линии в тексте-украшение | 3 |
| textDecorationStyle | Задает или возвращает стиль линии в оформлении текста | 3 |
| textIndent | Задает или возвращает отступ первой строки текста | 1 |
| textJustify | Задает или возвращает метод выравнивания, используемый при выравнивании текста "выравнивание" | 3 |
| textOrientation | 3 | |
| textOverflow | Задает или возвращает то, что должно произойти при переполнении содержащегося в тексте элемента | 3 |
| textShadow | Задает или возвращает эффект тени для текста | 3 |
| textTransform | Задает или возвращает прописную букву текста | 1 |
| textUnderlinePosition | 3 | |
| top | Задание или возврат верхнего положения позиционного элемента | 2 |
| transform | Применяет 2D или 3D преобразование к элементу | 3 |
| transformOrigin | Устанавливает или возвращает положение преобразованных элементов | 3 |
| transformStyle | Задает или возвращает способ визуализации вложенных элементов в трехмерном пространстве | 3 |
| transition | Сокращенное свойство для задания или возврата четырех свойств перехода | 3 |
| transitionProperty | Задает или возвращает свойство CSS, для которого используется эффект перехода | 3 |
| transitionDuration | Задает или возвращает количество секунд или миллисекунд, которое требуется для выполнения эффекта перехода | 3 |
| transitionTimingFunction | Задает или возвращает кривую скорости эффекта перехода | 3 |
| transitionDelay | Устанавливает или возвращает, когда начнется эффект перехода | 3 |
| unicodeBidi | Задает или возвращает ли текст должен быть переопределен для поддержки нескольких языков в одном документе | 2 |
| userSelect | Устанавливает или возвращает текст элемента, который можно выбрать или нет | 2 |
| verticalAlign | Задает или Возвращает вертикальное выравнивание содержимого элемента | 1 |
| visibility | Задает или возвращает элемент должен быть видимым | 2 |
| voiceBalance | Определяет баланс между левым и правым каналами | 3 |
| voiceDuration | Указывает, сколько времени требуется для визуализации содержимого выбранного элемента | 3 |
| voicePitch | Указывает среднюю высоту (частоту) говорящего голоса | 3 |
| voicePitchRange | Указывает вариацию в среднем поле | 3 |
| voiceRate | Контролирует скорость разговора | 3 |
| voiceStress | Указывает силу упора для применения | 3 |
| voiceVolume | Относится к амплитуде выходного сигнала синтеза речи | 3 |
| whiteSpace | Задает или возвращает способ обработки вкладок, разрывов строк и пробелов в тексте | 1 |
| width | Задает или возвращает ширину элемента | 1 |
| wordBreak | Устанавливает или возвращает правила разбиения строк для не-CJK скриптов | 3 |
| wordSpacing | Задает или возвращает интервал между словами в тексте | 1 |
| wordWrap | Позволяет длинные, неразрывные слова, которые будут сломаны и обернуть к следующей строке | 3 |
| widows | Задает или возвращает минимальное количество строк для элемента, который должен быть виден в верхней части страницы | 2 |
| writingMode | 3 | |
| zIndex | Задает или возвращает порядок стека позиционного элемента | 2 |
Доступ к объекту стиля
К объекту Style можно получить доступ из раздела head документа или из определенных элементов HTML.
Доступ к объекту (-ам) стиля из раздела head документа:
Пример
var x = document.getElementsByTagName("STYLE");
Доступ к объекту стиля заданного элемента:
Пример
var x = document.getElementById("myH1").style;
Создание объекта стиля
Можно создать элемент <Style> с помощью метода document. CreateElement ():
Пример
var x = document.createElement("STYLE");
Можно также задать свойства стиля существующего элемента:
Пример
document.getElementById("myH1").style.color = "red";
Похожие страницы
HTML Учебник: HTML CSS
CSS Учебник: CSS учебник
HTML справка: HTML <Style> тег
CSS Ссылка: Свойства CSS
