English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Объект Style HTML DOM

объект стиля представляет собой отдельное заявление стиля.

объект стиля можно получить из документа или из элемента, на который применен стиль.

свойства объекта стиля

в таблице приведены свойства объекта Style.

столбец "CSS" указывает, в哪个 версии CSS определено это свойство (CSS1, CSS2 или CSS3).

свойствоописаниеCSS
alignContentустанавливает или возвращает способ выравнивания строк в контейнере с эластичностью, когда элементы не занимают все доступное пространство3
alignItemsустанавливает или возвращает способ выравнивания элементов в контейнере с эластичностью3
alignSelfустанавливает или возвращает способ выравнивания выбранного элемента в контейнере с эластичностью3
animationвсе краткие свойства анимации, за исключением свойства animationPlayState3
animationDelayустанавливает или возвращает время начала анимации3
animationDirectionустанавливает или возвращает, должно ли анимация交替播放一次3
animationDurationустанавливает или возвращает количество секунд или миллисекунд, необходимых для выполнения одного цикла анимации3
animationFillModeустанавливает или возвращает значение, применяемое за пределами времени выполнения анимации3
animationIterationCountустанавливает или возвращает количество повторений анимации3
animationNameустанавливает или возвращает имя анимации @keyframes3
animationTimingFunctionустанавливает или возвращает кривую скорости анимации3
animationPlayStateустанавливает или возвращает, должно ли анимирование быть выполнено или приостановлено3
backgroundустанавливает или возвращает все свойства фона в одном заявлении1
backgroundAttachmentустанавливает или возвращает, является ли фоновое изображение фиксированным или滚动的 вместе с страницей1
backgroundColorустанавливает или возвращает цвет фона элемента1
backgroundImageустанавливает или возвращает фоновое изображение элемента1
backgroundPositionустанавливает или возвращает начальное положение фонового изображения1
backgroundRepeatустанавливает или возвращает способ повторения (шахматное повторение) фонового изображения1
backgroundClipустанавливает или возвращает область рисования фона3
backgroundOriginустанавливает или возвращает область локализации фонового изображения3
backgroundSizeустанавливает или возвращает размер фонового изображения3
backfaceVisibilityустанавливает или возвращает, должно ли элемент быть видимым, когда он не направлен на экран3
границаустановить или вернуть borderWidth, borderRadius и borderRadius в одном заявлении1
borderBottomустановить или вернуть все свойства borderBottom в заявлении1
borderBottomColorустановить или вернуть цвет нижней рамки1
borderBottomLeftRadiusустановить или вернуть форму рамки левого нижнего угла3
borderBottomRightRadiusустановить или вернуть форму рамки правого нижнего угла3
borderBottomStyleустановить или вернуть стиль нижней рамки1
borderBottomWidthустановить или вернуть ширину нижней рамки1 шт.
borderCollapseустановить или вернуть, следует ли сворачивать таблицу рамок в одну рамку2
borderColorустановить или вернуть цвет рамки элемента (максимально четыре значения)1
borderImageкраткое свойство для установки или возврата всех свойств borderImage3
borderImageOutsetустановить или вернуть количество, на которое выходит за рамки рамки изображение3
borderImageRepeatустановить или вернуть, следует ли повторять, округлять или растягивать границу изображения3
borderImageSliceустановить или вернуть внутренний сдвиг границ изображения3
borderImageSourceустановить или вернуть изображение, используемое для рамки3
borderImageWidthустановить или вернуть ширину рамки изображения3
borderLeftустановить или вернуть все свойства borderLeft в заявлении1
borderLeftColorустановить или вернуть цвет левой рамки1
borderLeftStyleустановить или вернуть стиль левой рамки1
borderLeftWidthустановить или вернуть ширину левой рамки1 шт.
borderRadiusкраткое свойство для установки или возврата всех четырех свойств borderRadius3
borderRightустановить или вернуть все свойства borderRight в заявлении1
borderRightColorустановить или вернуть цвет правой рамки1
borderRightStyleустановить или вернуть стиль правой рамки1
borderRightWidthустановить или вернуть ширину правой рамки1
borderSpacingустановить или вернуть间距 между ячейками таблицы2
borderStyleустановить или вернуть стиль рамки элемента (максимально четыре значения)1
borderTopустановить или вернуть все свойства borderTop в заявлении1
borderTopColorУстановить или вернуть цвет верхнего края рамки1
borderTopLeftRadiusУстановить или вернуть форму верхнего левого угла рамки3
borderTopRightRadiusУстановить или вернуть форму верхнего правого угла рамки3
borderTopStyleУстановить или вернуть стиль верхнего края рамки1
borderTopWidthУстановить или вернуть ширину верхнего края рамки1
borderWidthУстановить или вернуть ширину рамки элемента (максимум четыре значения)1
bottomУстановить или вернуть нижнее положение элемента2
boxDecorationBreakУстановить или вернуть поведение фона и рамки при分行 или分行 в строках3
boxShadowДобавить один или несколько тени к рамке3
boxSizingПозволяет определить, как某些 элементы должны подходить к определенной области3
captionSideУстановить или вернуть положение заголовка таблицы2
clearУстановить или вернуть положение элемента по отношению к флоатам1
clipУстановить или вернуть часть элемента, видимую при позиционировании2
colorУстановить или вернуть цвет текста1
columnCountУстановить или вернуть количество колонок, на которое элемент должен быть разделен3
columnFillУстановить или вернуть способ заполнения колонок3
columnGapУстановить или вернуть间距 между колонками3
columnRuleКраткое свойство для установки или возврата всех свойств columnRule3
columnRuleColorУстановить или вернуть цвет правила между колонками3
columnRuleStyleУстановить или вернуть стиль правила между колонками3
columnRuleWidthУстановить или вернуть ширину правила между колонками3
columnsКраткое свойство для установки или возврата columnWidth и columnCount3
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Краткое обозначение свойств flexDirection и flexWrap3
flexGrowУстановить или вернуть величину роста элемента по отношению к другим элементам3
flexShrinkУстановить или вернуть способ сжатия элемента по отношению к другим элементам3
flexWrapУстановить или вернуть, должен ли эластичный элемент обертываться3
cssFloatУстановить или вернуть горизонтальное выравнивание элемента1
fontУстановить или вернуть в одном заявлении fontStyle, fontVariant, fontWeight, fontSize, lineHeight и fontFamily1
fontFamilyУстановить или вернуть семейство шрифтов текста1
fontSizeУстановить или вернуть размер шрифта текста1
fontStyleУстановить или вернуть стиль шрифта: обычный, курсив или курсив1
fontVariantУстановить или вернуть отображение шрифта в малых или заглавных буквах1
fontWeightУстановить или вернуть полужирный шрифт1
fontSizeAdjustСохранить читаемость текста при возникновении отступа шрифта3
fontStretchВыбрать обычный, сжатый или расширенный шрифт из семейства шрифтов3
hangingPunctuationУказать, можно ли размещать знаки пунктуации вне рамки строки3
heightУстановить или вернуть высоту элемента1
hyphensУстановить способ разбиения слов для улучшения layouts абзацев3
iconПозволить автору использовать стили, эквивалентные знакам, для установки стиля элементов3
imageOrientationУказать, в каком направлении вправо или по часовой стрелке должен применяться агент пользователя к изображению3
isolationОпределить, должен ли элемент создавать новый контент стека3
justifyContentУстановить или вернуть способ выравнивания элемента в контейнере эластичности, когда элемент не использует все доступное пространство3
leftУстановить или вернуть левое положение расположенного элемента2
letterSpacingУстановить или вернуть пробел между символами в тексте1
lineHeightУстановить или вернуть расстояние между строками в тексте1
listStyleУстановить или вернуть в одном заявлении listStyleImage, listStylePosition и listStyleType1
listStyleImageУстановить или вернуть изображение в качестве маркера элемента списка1
listStylePositionУстановить или вернуть положение маркера элемента списка1
listStyleTypeУстановить или вернуть тип маркера элемента списка1
margin1
установить или вернуть отступ элемента (максимум можно включить до четырех значений)установить или вернуть нижний отступ элемента1
marginLeftустановить или вернуть левый отступ элемента1
marginRightустановить или вернуть правый отступ элемента1
marginTopустановить или вернуть верхний отступ элемента1
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
overflowXуказать, как обрабатывать переполнение содержимого элемента по левому и правому краям3
overflowYуказать, как обрабатывать переполнение содержимого элемента по верхнему и нижнему краям3
paddingустановить или вернуть заполнение элемента (максимум можно включить до четырех значений)1
paddingBottomустановить или вернуть нижнее заполнение элемента1
paddingLeftустановить или вернуть левое заполнение элемента1
paddingRightустановить или вернуть правое заполнение элемента1
paddingTopустановить или вернуть верхнее заполнение элемента1
pageBreakAfterустановить или вернуть поведение разрыва страницы после элемента2
pageBreakBeforeустановить или вернуть поведение символа разрыва страницы перед элементом2
pageBreakInsideустановить или вернуть поведение символа разрыва страницы в элементе2
perspectiveустановить или вернуть, как следует看待 трёхмерный элемент3
perspectiveOriginустановить или вернуть нижнее положение трёхмерного элемента3
positionустановить или вернуть тип метода позиционирования элемента (статический, относительный, абсолютный или фиксированный)2
quotesустановить или вернуть тип кавычек для嵌入енных кавычек2
resizeустановить или вернуть, может ли пользователь изменять размер элемента3
rightустановить или вернуть правильное положение элемента с positioning2
tableLayoutустановить или вернуть способ布置 ячеек таблицы, строк и столбцов2
tabSizeустановить или вернуть длину табулятора3
textAlignустановить или вернуть горизонтальное выравнивание текста1
textAlignLastустановить или вернуть способ выравнивания блока или последней строки перед принудительным переносом строки, когда текст выравнивается по "justify"3
textDecorationустановить или вернуть текстовое декорирование1
textDecorationColorустановить или вернуть цвет текстового декорирования3
textDecorationLineустановить или вернуть тип строки в текстовом декорировании3
textDecorationStyleустановить или вернуть стиль линии в текстовом декорировании3
textIndentустановить или вернуть отступ первой строки текста1
textJustifyустановить или вернуть метод выравнивания текста, когда текст выравнивается по "justify"3
textOverflowустановить или вернуть действие, которое должно произойти, когда текст переливается за пределы содержащего элемента3
textShadowустановить или вернуть эффект тени текста3
textTransformустановить или вернуть текст в верхнем регистре1
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
whiteSpaceУстановить или вернуть способ обработки табуляций, переносов строк и пробелов в тексте1
widthУстановить или вернуть ширину элемента1
wordBreakУстановить или вернуть правила переноса для некитайских шрифтов3
wordSpacingУстановить или вернуть间距 между словами в тексте1
wordWrapРазрешить разрыв длинных и крепких слов и перенос их на следующую строку3
widowsУстановить или вернуть минимальное количество строк, которые должны быть видны вверху страницы для элемента2
zIndexУстановить или вернуть порядок стека расположенного элемента2

См. также

Учебник HTML:HTML CSS

Учебник CSS:Учебник CSS

HTML Референция:HTML <style> метка

CSS Референция:Свойства CSS