Interface CSSStyleDeclaration
accentColor: string;
alignContent: string;
alignItems: string;
alignmentBaseline: string;
alignSelf: string;
all: string;
anchorName: string;
anchorScope: string;
animation: string;
animationComposition: string;
animationDelay: string;
animationDirection: string;
animationDuration: string;
animationFillMode: string;
animationIterationCount: string;
animationName: string;
animationPlayState: string;
animationRange: string;
animationRangeEnd: string;
animationRangeStart: string;
animationTimeline: string;
animationTimingFunction: string;
appearance: string;
aspectRatio: string;
backdropFilter: string;
backfaceVisibility: string;
background: string;
backgroundAttachment: string;
backgroundBlendMode: string;
backgroundClip: string;
backgroundColor: string;
backgroundImage: string;
backgroundOrigin: string;
backgroundPosition: string;
backgroundPositionX: string;
backgroundPositionY: string;
backgroundRepeat: string;
backgroundSize: string;
baselineShift: string;
baselineSource: string;
blockSize: string;
border: string;
borderBlock: string;
borderBlockColor: string;
borderBlockEnd: string;
borderBlockEndColor: string;
borderBlockEndStyle: string;
borderBlockEndWidth: string;
borderBlockStart: string;
borderBlockStartColor: string;
borderBlockStartStyle: string;
borderBlockStartWidth: string;
borderBlockStyle: string;
borderBlockWidth: string;
borderBottom: string;
borderBottomColor: string;
borderBottomLeftRadius: string;
borderBottomRightRadius: string;
borderBottomStyle: string;
borderBottomWidth: string;
borderCollapse: string;
borderColor: string;
borderEndEndRadius: string;
borderEndStartRadius: string;
borderImage: string;
borderImageOutset: string;
borderImageRepeat: string;
borderImageSlice: string;
borderImageSource: string;
borderImageWidth: string;
borderInline: string;
borderInlineColor: string;
borderInlineEnd: string;
borderInlineEndColor: string;
borderInlineEndStyle: string;
borderInlineEndWidth: string;
borderInlineStart: string;
borderInlineStartColor: string;
borderInlineStartStyle: string;
borderInlineStartWidth: string;
borderInlineStyle: string;
borderInlineWidth: string;
borderLeft: string;
borderLeftColor: string;
borderLeftStyle: string;
borderLeftWidth: string;
borderRadius: string;
borderRight: string;
borderRightColor: string;
borderRightStyle: string;
borderRightWidth: string;
borderSpacing: string;
borderStartEndRadius: string;
borderStartStartRadius: string;
borderStyle: string;
borderTop: string;
borderTopColor: string;
borderTopLeftRadius: string;
borderTopRightRadius: string;
borderTopStyle: string;
borderTopWidth: string;
borderWidth: string;
bottom: string;
boxDecorationBreak: string;
boxShadow: string;
boxSizing: string;
breakAfter: string;
breakBefore: string;
breakInside: string;
captionSide: string;
caretColor: string;
clear: string;
clip: string;
clipPath: string;
clipRule: string;
color: string;
colorInterpolation: string;
colorInterpolationFilters: string;
colorScheme: string;
columnCount: string;
columnFill: string;
columnGap: string;
columnRule: string;
columnRuleColor: string;
columnRuleStyle: string;
columnRuleWidth: string;
columns: string;
columnSpan: string;
columnWidth: string;
contain: string;
container: string;
containerName: string;
containerType: string;
containIntrinsicBlockSize: string;
containIntrinsicHeight: string;
containIntrinsicInlineSize: string;
containIntrinsicSize: string;
containIntrinsicWidth: string;
content: string;
contentVisibility: string;
counterIncrement: string;
counterReset: string;
counterSet: string;
cssFloat: string;
cssText: string;
cursor: string;
cx: string;
cy: string;
d: string;
direction: string;
display: string;
dominantBaseline: string;
dynamicRangeLimit: string;
emptyCells: string;
fieldSizing: string;
fill: string;
fillOpacity: string;
fillRule: string;
filter: string;
flex: string;
flexBasis: string;
flexDirection: string;
flexFlow: string;
flexGrow: string;
flexShrink: string;
flexWrap: string;
float: string;
floodColor: string;
floodOpacity: string;
font: string;
fontFamily: string;
fontFeatureSettings: string;
fontKerning: string;
fontLanguageOverride: string;
fontOpticalSizing: string;
fontPalette: string;
fontSize: string;
fontSizeAdjust: string;
fontStretch: string;
fontStyle: string;
fontSynthesis: string;
fontSynthesisSmallCaps: string;
fontSynthesisStyle: string;
fontSynthesisWeight: string;
fontVariant: string;
fontVariantAlternates: string;
fontVariantCaps: string;
fontVariantEastAsian: string;
fontVariantEmoji: string;
fontVariantLigatures: string;
fontVariantNumeric: string;
fontVariantPosition: string;
fontVariationSettings: string;
fontWeight: string;
forcedColorAdjust: string;
gap: string;
grid: string;
gridArea: string;
gridAutoColumns: string;
gridAutoFlow: string;
gridAutoRows: string;
gridColumn: string;
gridColumnEnd: string;
gridColumnGap: string;
gridColumnStart: string;
gridGap: string;
gridRow: string;
gridRowEnd: string;
gridRowGap: string;
gridRowStart: string;
gridTemplate: string;
gridTemplateAreas: string;
gridTemplateColumns: string;
gridTemplateRows: string;
height: string;
hyphenateCharacter: string;
hyphenateLimitChars: string;
hyphens: string;
imageOrientation: string;
imageRendering: string;
inlineSize: string;
inset: string;
insetBlock: string;
insetBlockEnd: string;
insetBlockStart: string;
insetInline: string;
insetInlineEnd: string;
insetInlineStart: string;
isolation: string;
justifyContent: string;
justifyItems: string;
justifySelf: string;
left: string;
length: number;
letterSpacing: string;
lightingColor: string;
lineBreak: string;
lineHeight: string;
listStyle: string;
listStyleImage: string;
listStylePosition: string;
listStyleType: string;
margin: string;
marginBlock: string;
marginBlockEnd: string;
marginBlockStart: string;
marginBottom: string;
marginInline: string;
marginInlineEnd: string;
marginInlineStart: string;
marginLeft: string;
marginRight: string;
marginTop: string;
marker: string;
markerEnd: string;
markerMid: string;
markerStart: string;
mask: string;
maskClip: string;
maskComposite: string;
maskImage: string;
maskMode: string;
maskOrigin: string;
maskPosition: string;
maskRepeat: string;
maskSize: string;
maskType: string;
mathDepth: string;
mathShift: string;
mathStyle: string;
maxBlockSize: string;
maxHeight: string;
maxInlineSize: string;
maxWidth: string;
minBlockSize: string;
minHeight: string;
minInlineSize: string;
minWidth: string;
mixBlendMode: string;
objectFit: string;
objectPosition: string;
offset: string;
offsetAnchor: string;
offsetDistance: string;
offsetPath: string;
offsetPosition: string;
offsetRotate: string;
opacity: string;
order: string;
orphans: string;
outline: string;
outlineColor: string;
outlineOffset: string;
outlineStyle: string;
outlineWidth: string;
overflow: string;
overflowAnchor: string;
overflowBlock: string;
overflowClipMargin: string;
overflowInline: string;
overflowWrap: string;
overflowX: string;
overflowY: string;
overscrollBehavior: string;
overscrollBehaviorBlock: string;
overscrollBehaviorInline: string;
overscrollBehaviorX: string;
overscrollBehaviorY: string;
padding: string;
paddingBlock: string;
paddingBlockEnd: string;
paddingBlockStart: string;
paddingBottom: string;
paddingInline: string;
paddingInlineEnd: string;
paddingInlineStart: string;
paddingLeft: string;
paddingRight: string;
paddingTop: string;
page: string;
pageBreakAfter: string;
pageBreakBefore: string;
pageBreakInside: string;
paintOrder: string;
parentRule: CSSRule | null;
perspective: string;
perspectiveOrigin: string;
placeContent: string;
placeItems: string;
placeSelf: string;
pointerEvents: string;
position: string;
positionAnchor: string;
positionArea: string;
positionTry: string;
positionTryFallbacks: string;
positionTryOrder: string;
positionVisibility: string;
printColorAdjust: string;
quotes: string;
r: string;
resize: string;
right: string;
rotate: string;
rowGap: string;
rubyAlign: string;
rubyPosition: string;
rx: string;
ry: string;
scale: string;
scrollbarColor: string;
scrollbarGutter: string;
scrollbarWidth: string;
scrollBehavior: string;
scrollMargin: string;
scrollMarginBlock: string;
scrollMarginBlockEnd: string;
scrollMarginBlockStart: string;
scrollMarginBottom: string;
scrollMarginInline: string;
scrollMarginInlineEnd: string;
scrollMarginInlineStart: string;
scrollMarginLeft: string;
scrollMarginRight: string;
scrollMarginTop: string;
scrollPadding: string;
scrollPaddingBlock: string;
scrollPaddingBlockEnd: string;
scrollPaddingBlockStart: string;
scrollPaddingBottom: string;
scrollPaddingInline: string;
scrollPaddingInlineEnd: string;
scrollPaddingInlineStart: string;
scrollPaddingLeft: string;
scrollPaddingRight: string;
scrollPaddingTop: string;
scrollSnapAlign: string;
scrollSnapStop: string;
scrollSnapType: string;
scrollTimeline: string;
scrollTimelineAxis: string;
scrollTimelineName: string;
shapeImageThreshold: string;
shapeMargin: string;
shapeOutside: string;
shapeRendering: string;
stopColor: string;
stopOpacity: string;
stroke: string;
strokeDasharray: string;
strokeDashoffset: string;
strokeLinecap: string;
strokeLinejoin: string;
strokeMiterlimit: string;
strokeOpacity: string;
strokeWidth: string;
tableLayout: string;
tabSize: string;
textAlign: string;
textAlignLast: string;
textAnchor: string;
textAutospace: string;
textBox: string;
textBoxEdge: string;
textBoxTrim: string;
textCombineUpright: string;
textDecoration: string;
textDecorationColor: string;
textDecorationLine: string;
textDecorationSkipInk: string;
textDecorationStyle: string;
textDecorationThickness: string;
textEmphasis: string;
textEmphasisColor: string;
textEmphasisPosition: string;
textEmphasisStyle: string;
textIndent: string;
textJustify: string;
textOrientation: string;
textOverflow: string;
textRendering: string;
textShadow: string;
textTransform: string;
textUnderlineOffset: string;
textUnderlinePosition: string;
textWrap: string;
textWrapMode: string;
textWrapStyle: string;
timelineScope: string;
top: string;
touchAction: string;
transform: string;
transformBox: string;
transformOrigin: string;
transformStyle: string;
transition: string;
transitionBehavior: string;
transitionDelay: string;
transitionDuration: string;
transitionProperty: string;
transitionTimingFunction: string;
translate: string;
unicodeBidi: string;
userSelect: string;
vectorEffect: string;
verticalAlign: string;
viewTimeline: string;
viewTimelineAxis: string;
viewTimelineInset: string;
viewTimelineName: string;
viewTransitionClass: string;
viewTransitionName: string;
visibility: string;
webkitAlignContent: string;
webkitAlignItems: string;
webkitAlignSelf: string;
webkitAnimation: string;
webkitAnimationDelay: string;
webkitAnimationDirection: string;
webkitAnimationDuration: string;
webkitAnimationFillMode: string;
webkitAnimationIterationCount: string;
webkitAnimationName: string;
webkitAnimationPlayState: string;
webkitAnimationTimingFunction: string;
webkitAppearance: string;
webkitBackfaceVisibility: string;
webkitBackgroundClip: string;
webkitBackgroundOrigin: string;
webkitBackgroundSize: string;
webkitBorderBottomLeftRadius: string;
webkitBorderBottomRightRadius: string;
webkitBorderRadius: string;
webkitBorderTopLeftRadius: string;
webkitBorderTopRightRadius: string;
webkitBoxAlign: string;
webkitBoxFlex: string;
webkitBoxOrdinalGroup: string;
webkitBoxOrient: string;
webkitBoxPack: string;
webkitBoxShadow: string;
webkitBoxSizing: string;
webkitFilter: string;
webkitFlex: string;
webkitFlexBasis: string;
webkitFlexDirection: string;
webkitFlexFlow: string;
webkitFlexGrow: string;
webkitFlexShrink: string;
webkitFlexWrap: string;
webkitJustifyContent: string;
webkitLineClamp: string;
webkitMask: string;
webkitMaskBoxImage: string;
webkitMaskBoxImageOutset: string;
webkitMaskBoxImageRepeat: string;
webkitMaskBoxImageSlice: string;
webkitMaskBoxImageSource: string;
webkitMaskBoxImageWidth: string;
webkitMaskClip: string;
webkitMaskComposite: string;
webkitMaskImage: string;
webkitMaskOrigin: string;
webkitMaskPosition: string;
webkitMaskRepeat: string;
webkitMaskSize: string;
webkitOrder: string;
webkitPerspective: string;
webkitPerspectiveOrigin: string;
webkitTextFillColor: string;
webkitTextSizeAdjust: string;
webkitTextStroke: string;
webkitTextStrokeColor: string;
webkitTextStrokeWidth: string;
webkitTransform: string;
webkitTransformOrigin: string;
webkitTransformStyle: string;
webkitTransition: string;
webkitTransitionDelay: string;
webkitTransitionDuration: string;
webkitTransitionProperty: string;
webkitTransitionTimingFunction: string;
webkitUserSelect: string;
whiteSpace: string;
whiteSpaceCollapse: string;
widows: string;
width: string;
willChange: string;
wordBreak: string;
wordSpacing: string;
wordWrap: string;
writingMode: string;
x: string;
y: string;
zIndex: string;
zoom: string;
"[iterator]"(): ArrayIterator<string>;
getPropertyPriority(property: string): string;
getPropertyValue(property: string): string;
item(index: number): string;
removeProperty(property: string): string;
setProperty(
property: string,
value: string | null,
priority?: string,
): void;
[index: number]: string;
}
Hierarchy (View Summary)
- CSSStyleProperties
- CSSStyleDeclaration
Indexable
-
[index: number]: string
Index
Properties
Methods
Properties
accentColor
The accent-color CSS property sets the accent color for user-interface controls generated by some elements.
alignContent
The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross axis, or a grid or block-level element's block axis.
alignItems
The CSS align-items property sets the align-self value on all direct children as a group. In flexbox, it controls the alignment of items on the cross axis. In grid layout, it controls the alignment of items on the block axis within their grid areas.
alignmentBaseline
The alignment-baseline CSS property specifies the specific baseline used to align the box's text and inline-level contents. Baseline alignment is the relationship among the baselines of multiple alignment subjects within an alignment context. When performing baseline alignment, the alignment-baseline property value specifies which baseline of the box is aligned to the corresponding baseline of its alignment context.
alignSelf
The align-self CSS property overrides a grid or flex item's align-items value. In grid, it aligns the item inside the grid area. In flexbox, it aligns the item on the cross axis.
all
The all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin.
anchorName
The anchor-name CSS property enables defining an element as an anchor element by giving it one or more identifying anchor names. Each name can then be set as the value of a positioned element's position-anchor property to associate it with the anchor.
anchorScope
The anchor-scope CSS property can be used to limit the scope in which a positioned element can be associated with anchor elements to a particular subtree.
animation
The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state, and animation-timeline.
animationComposition
The animation-composition CSS property specifies the composite operation to use when multiple animations affect the same property simultaneously.
animationDelay
The animation-delay CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
animationDirection
The animation-direction CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.
animationDuration
The animation-duration CSS property sets the length of time that an animation takes to complete one cycle.
animationFillMode
The animation-fill-mode CSS property sets how a CSS animation applies styles to its target before and after its execution.
animationIterationCount
The animation-iteration-count CSS property sets the number of times an animation sequence should be played before stopping.
animationName
The animation-name CSS property specifies the names of one or more
animationPlayState
The animation-play-state CSS property sets whether an animation is running or paused.
animationRange
The animation-range CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e., where along the timeline an animation will start and end.
animationRangeEnd
The animation-range-end CSS property sets the point on the timeline where an animation should end.
animationRangeStart
The animation-range-start CSS property sets the point on the timeline where an animation should start.
animationTimeline
The animation-timeline CSS property specifies the timeline used to control the progress of a CSS animation.
animationTimingFunction
The animation-timing-function CSS property sets how an animation progresses through the duration of each cycle.
appearance
The appearance CSS property specifies the rendered appearance of replaced UI widget elements such as form controls. Most commonly, such elements are given native, platform-specific styling based on the operating system's theme, or a primitive appearance with styles that can be overridden using CSS.
aspectRatio
The aspect-ratio CSS property allows you to define the desired width-to-height ratio of an element's box. This means that even if the parent container or viewport size changes, the browser will adjust the element's dimensions to maintain the specified width-to-height ratio. The specified aspect ratio is used in the calculation of auto sizes and some other layout functions.
backdropFilter
The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect the element or its background needs to be transparent or partially transparent.
backfaceVisibility
The backface-visibility CSS property sets whether the back face of an element is visible when turned towards the user.
background
The background shorthand CSS property sets all background style properties at once, such as color, image, origin, size, and repeat method.
backgroundAttachment
The background-attachment CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.
backgroundBlendMode
The background-blend-mode CSS property sets how an element's background images should blend with each other and with the element's background color.
backgroundClip
The background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box.
backgroundColor
The background-color CSS property sets the background color of an element.
backgroundImage
The background-image CSS property sets one or more background images on an element.
backgroundOrigin
The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding.
backgroundPosition
The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.
backgroundPositionX
The background-position-x CSS property sets the initial horizontal position for each background image. The position is relative to the position layer set by background-origin.
backgroundPositionY
The background-position-y CSS property sets the initial vertical position for each background image. The position is relative to the position layer set by background-origin.
backgroundRepeat
The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.
backgroundSize
The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
baselineShift
The baseline-shift CSS property repositions the dominant-baseline of a text element relative to the dominant-baseline of its parent text content element. The shifted element might be a sub- or superscript. If the property is present, the value overrides the element's baseline-shift attribute.
baselineSource
The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type.
blockSize
The block-size CSS property defines the size of an element's block along the block axis. If the writing-mode is horizontal, it corresponds to the height; if the writing mode is vertical, it corresponds to the width. A related property is inline-size, which defines the other dimension of the element.
border
The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.
borderBlock
The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.
borderBlockColor
The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockEnd
The border-block-end CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.
borderBlockEndColor
The border-block-end-color CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockEndStyle
The border-block-end-style CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockEndWidth
The border-block-end-width CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockStart
The border-block-start CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
borderBlockStartColor
The border-block-start-color CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockStartStyle
The border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockStartWidth
The border-block-start-width CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockStyle
The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation.
borderBlockWidth
The border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation.
borderBottom
The border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width, border-bottom-style and border-bottom-color.
borderBottomColor
The border-bottom-color CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color or border-bottom.
borderBottomLeftRadius
The border-bottom-left-radius CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
borderBottomRightRadius
The border-bottom-right-radius CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
borderBottomStyle
The border-bottom-style CSS property sets the line style of an element's bottom border.
borderBottomWidth
The border-bottom-width CSS property sets the width of the bottom border of an element.
borderCollapse
The border-collapse CSS property sets whether cells inside a
have shared or separate borders.borderColor
The border-color shorthand CSS property sets the color of an element's border.
borderEndEndRadius
The border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.
borderEndStartRadius
The border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.
borderImage
The border-image CSS property draws an image around a given element. It replaces the element's regular border.
borderImageOutset
The border-image-outset CSS property sets the distance by which an element's border image is set out from its border box.
borderImageRepeat
The border-image-repeat CSS property defines how the images for the sides and the middle part of the border image are scaled and tiled. The middle region can be displayed by using the keyword "fill" in the border-image-slice property.
borderImageSlice
The border-image-slice CSS property divides the image specified by border-image-source into regions. These regions form the components of an element's border image.
borderImageSource
The border-image-source CSS property sets the source image used to create an element's border image.
borderImageWidth
The border-image-width CSS property sets the width of an element's border image.
borderInline
The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.
borderInlineColor
The border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineEnd
The border-inline-end CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.
borderInlineEndColor
The border-inline-end-color CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineEndStyle
The border-inline-end-style CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineEndWidth
The border-inline-end-width CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineStart
The border-inline-start CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.
borderInlineStartColor
The border-inline-start-color CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineStartStyle
The border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineStartWidth
The border-inline-start-width CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineStyle
The border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation.
borderInlineWidth
The border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation.
borderLeft
The border-left shorthand CSS property sets all the properties of an element's left border.
borderLeftColor
The border-left-color CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties border-color or border-left.
borderLeftStyle
The border-left-style CSS property sets the line style of an element's left border.
borderLeftWidth
The border-left-width CSS property sets the width of the left border of an element.
borderRadius
The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
borderRight
The border-right shorthand CSS property sets all the properties of an element's right border.
borderRightColor
The border-right-color CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties border-color or border-right.
borderRightStyle
The border-right-style CSS property sets the line style of an element's right border.
borderRightWidth
The border-right-width CSS property sets the width of the right border of an element.
borderSpacing
The border-spacing CSS property sets the distance between the borders of adjacent cells in a
borderStartEndRadius
The border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.
borderStartStartRadius
The border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode.
borderStyle
The border-style shorthand CSS property sets the line style for all four sides of an element's border.
borderTop
The border-top shorthand CSS property sets all the properties of an element's top border.
borderTopColor
The border-top-color CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color or border-top.
borderTopLeftRadius
The border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
borderTopRightRadius
The border-top-right-radius CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
borderTopStyle
The border-top-style CSS property sets the line style of an element's top border.
borderTopWidth
The border-top-width CSS property sets the width of the top border of an element.
borderWidth
The border-width shorthand CSS property sets the width of an element's border.
bottom
The bottom CSS property participates in setting the vertical position of a positioned element. This inset property has no effect on non-positioned elements.
boxDecorationBreak
The box-decoration-break CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.
boxShadow
The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.
boxSizing
The box-sizing CSS property sets how the total width and height of an element is calculated.
breakAfter
The break-after CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.
breakBefore
The break-before CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.
breakInside
The break-inside CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
captionSide
The caption-side CSS property puts the content of a table's
tabSize
The tab-size CSS property is used to customize the width of tab characters (U+0009).
textAlign
The text-align CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box. This means it works like vertical-align but in the horizontal direction.
textAlignLast
The text-align-last CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
textAnchor
The text-anchor CSS property aligns a box containing a string of text where the wrapping area is determined from the inline-size property, and the text is then placed relative to the anchor point of the element, which is defined using the x and y (or dx and dy) attributes. If present, the value of the CSS property overrides any value of the element's text-anchor attribute.
textAutospace
The text-autospace CSS property allows you to specify the space applied between Chinese/Japanese/Korean (CJK) and non-CJK characters.
textBox
The text-box CSS property is a shorthand that corresponds to the text-box-trim and text-box-edge properties, which together specify the amount of space to trim from the block-start edge and block-end edge of a text element's block container.
textBoxEdge
The text-box-edge CSS property specifies an amount of space to trim from a text element's block container.
textBoxTrim
The text-box-trim CSS property specifies which of the over and under edges of text content to trim from a text element's block container.
textCombineUpright
The text-combine-upright CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
textDecoration
The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property.
textDecorationColor
The text-decoration-color CSS property sets the color of decorations added to text by text-decoration-line.
textDecorationLine
The text-decoration-line CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.
textDecorationSkipInk
The text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
textDecorationStyle
The text-decoration-style CSS property sets the style of the lines specified by text-decoration-line. The style applies to all lines that are set with text-decoration-line.
textDecorationThickness
The text-decoration-thickness CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.
textEmphasis
The text-emphasis CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style and text-emphasis-color.
textEmphasisColor
The text-emphasis-color CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis shorthand.
textEmphasisPosition
The text-emphasis-position CSS property sets where emphasis marks are drawn. Similar to the text rendered by the HTML element, if there isn't enough room for emphasis marks, the line height is increased.
textEmphasisStyle
The text-emphasis-style CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis shorthand.
textIndent
The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block.
textJustify
The text-justify CSS property sets what type of justification should be applied to text when text-align: justify; is set on an element.
textOrientation
The text-orientation CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode is not horizontal-tb). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.
textOverflow
The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis (…), or display a custom string.
textRendering
The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text.
textShadow
The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its text-decoration. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
textTransform
The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby.
textUnderlineOffset
The text-underline-offset CSS property sets the offset distance of an underline text decoration line (applied using text-decoration) from its original position.
textUnderlinePosition
The text-underline-position CSS property specifies the position of the underline which is set using the text-decoration property's underline value.
textWrap
The text-wrap CSS shorthand property controls how text inside an element is wrapped. The different values provide:
textWrapMode
The text-wrap-mode CSS property controls whether the text inside an element is wrapped. The different values provide alternate ways of wrapping the content of a block element. It can also be set, and reset, using the text-wrap shorthand or the white-space shorthand.
textWrapStyle
The text-wrap-style CSS property controls how text inside an element is wrapped. The different values provide alternate ways of wrapping the content of a block element. It can also be set, and reset, using the text-wrap shorthand.
timelineScope
The timeline-scope CSS property modifies the scope of a named animation timeline.
top
The top CSS property sets the vertical position of a positioned element. This inset property has no effect on non-positioned elements.
touchAction
The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
transform
The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
transformBox
The transform-box CSS property defines the layout box to which the transform, individual transform properties translate, scale, and rotate, and transform-origin properties relate.
transformOrigin
The transform-origin CSS property sets the origin for an element's transformations.
transformStyle
The transform-style CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
transition
The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, transition-delay, and transition-behavior.
transitionBehavior
The transition-behavior CSS property specifies whether transitions will be started for properties whose animation behavior is discrete.
transitionDelay
The transition-delay CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
transitionDuration
The transition-duration CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
transitionProperty
The transition-property CSS property sets the CSS properties to which a transition effect should be applied.
transitionTimingFunction
The transition-timing-function CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
translate
The translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value.
unicodeBidi
The unicode-bidi CSS property, together with the direction property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The unicode-bidi property overrides this algorithm and allows the developer to control the text embedding.
userSelect
The user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.
vectorEffect
The vector-effect CSS property suppresses specific transformation effects in SVG, thus permitting effects like a road on a map staying the same width no matter how the map is zoomed, or allowing a diagram key to retain its position and size regardless of other transforms. It can only be used with SVG elements that accept the vector-effect attribute. When used, the CSS value overrides any values of the element's vector-effect attribute.
verticalAlign
The vertical-align CSS property sets vertical alignment of an inline, inline-block or table-cell box.
viewTimeline
The view-timeline CSS shorthand property defines a named view progress timeline's name, direction, and inset values.
viewTimelineAxis
The view-timeline-axis CSS property specifies the scroll direction to be used for a named view progress timeline.
viewTimelineInset
The view-timeline-inset CSS property is used to specify one or two values representing an adjustment to the position of the scrollport (see Scroll container for more details) in which the subject element of a named view progress timeline animation is deemed to be visible. Put another way, this allows you to specify start and/or end inset (or outset) values that offset the position of the timeline.
viewTimelineName
The view-timeline-name CSS property specifies the names of one or more named view progress timelines associated with the element.
viewTransitionClass
The view-transition-class CSS property provides the selected elements with an identifying class (a
viewTransitionName
The view-transition-name CSS property specifies the view transition snapshot that selected elements will participate in. This enables you to animate those elements separately from the rest of the page, which uses the default cross-fade animation during a view transition. You can then define custom animation styles for these elements.
visibility
The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a
webkitAlignContent
webkitAlignItems
webkitAlignSelf
webkitAnimation
webkitAnimationDelay
webkitAnimationDirection
webkitAnimationDuration
webkitAnimationFillMode
webkitAnimationIterationCount
webkitAnimationName
webkitAnimationPlayState
webkitAnimationTimingFunction
webkitAppearance
webkitBackfaceVisibility
webkitBackgroundClip
webkitBackgroundOrigin
webkitBackgroundSize
webkitBorderBottomLeftRadius
webkitBorderBottomRightRadius
webkitBorderRadius
webkitBorderTopLeftRadius
webkitBorderTopRightRadius
webkitBoxAlign
webkitBoxFlex
webkitBoxOrdinalGroup
webkitBoxOrient
webkitBoxPack
webkitBoxShadow
webkitBoxSizing
webkitFilter
webkitFlex
webkitFlexBasis
webkitFlexDirection
webkitFlexFlow
webkitFlexGrow
webkitFlexShrink
webkitFlexWrap
webkitJustifyContent
webkitLineClamp
webkitMask
webkitMaskBoxImage
The non-standard prefixed -webkit-mask-box-image shorthand property sets the mask image for an element's border box.
webkitMaskBoxImageOutset
webkitMaskBoxImageRepeat
webkitMaskBoxImageSlice
webkitMaskBoxImageSource
webkitMaskBoxImageWidth
webkitMaskClip
webkitMaskComposite
The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property.
webkitMaskImage
webkitMaskOrigin
webkitMaskPosition
webkitMaskRepeat
webkitMaskSize
webkitOrder
webkitPerspective
webkitPerspectiveOrigin
webkitTextFillColor
The -webkit-text-fill-color CSS property specifies the fill color of characters of text. If this property is not set, the value of the color property is used.
webkitTextSizeAdjust
webkitTextStroke
The -webkit-text-stroke CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties -webkit-text-stroke-width and -webkit-text-stroke-color.
webkitTextStrokeColor
The -webkit-text-stroke-color CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color property is used.
webkitTextStrokeWidth
The -webkit-text-stroke-width CSS property specifies the width of the stroke for text.
webkitTransform
webkitTransformOrigin
webkitTransformStyle
webkitTransition
webkitTransitionDelay
webkitTransitionDuration
webkitTransitionProperty
webkitTransitionTimingFunction
webkitUserSelect
whiteSpace
The white-space CSS property sets how white space inside an element is handled.
whiteSpaceCollapse
The white-space-collapse CSS property controls how white space inside an element is collapsed.
widows
The widows CSS property sets the minimum number of lines in a block container that must be shown at the top of a page, region, or column.
width
The width CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area.
willChange
The will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.
wordBreak
The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
wordSpacing
The word-spacing CSS property sets the length of space between words and between tags.
wordWrap
writingMode
The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html element for HTML documents).
x
The x CSS property defines the x-axis coordinate of the top left corner of the SVG image,
y
The y CSS property defines the y-axis coordinate of the top left corner of the SVG image,
zIndex
The z-index CSS property sets the z-order of a positioned element and its descendants or flex and grid items. Overlapping elements with a larger z-index cover those with a smaller one.
zoom
The zoom CSS property can be used to control the magnification level of an element. transform: scale() can be used as an alternative to this property.
Methods
[iterator]
-
Returns ArrayIterator<string>
getPropertyPriority
-
The
CSSStyleDeclaration.getPropertyPriority()method interface returns a string that provides all explicitly set priorities on the CSS property.Parameters
- property: string
Returns string
getPropertyValue
-
The
CSSStyleDeclaration.getPropertyValue()method interface returns a string containing the value of a specified CSS property.Parameters
- property: string
Returns string
item
-
The
CSSStyleDeclaration.item()method interface returns a CSS property name from a CSSStyleDeclaration by index.Parameters
- index: number
Returns string
removeProperty
-
The
CSSStyleDeclaration.removeProperty()method interface removes a property from a CSS style declaration object.Parameters
- property: string
Returns string
setProperty
-
The
CSSStyleDeclaration.setProperty()method interface sets a new value for a property on a CSS style declaration object.Parameters
- property: string
- value: string | null
Optionalpriority: string
Returns void
The
CSSStylePropertiesinterface of the CSS Object Model (CSSOM) represents inline or computed styles available on an element, or the styles associated with a CSS style rule.MDN Reference