Interface CSSStyleProperties
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;
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)
- CSSStyleDeclarationBase
- CSSStyleProperties
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
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