Complete CSS Property List

CSS Properties Organized by Purpose with Search and Alphabetical Views

CSS Property Reference

This complete CSS property list organizes properties by purpose, making it easier to find the properties used for animation, backgrounds, borders, layout, fonts, Grid, Flexbox, text, transforms, and other types of webpage styling. Use the search box to find a property by name or description, or switch to the alphabetical view when you already know the property you are looking for.

Each property links to its complete reference page with syntax, values, examples, browser support, related properties, and other useful information. The list includes established properties along with newer CSS features represented in the site reference.

Search CSS Properties

Enter a property name or a word describing what the property does. The list will automatically display matching properties.

Animation

These properties control CSS animations, animation timing, ranges, timelines, and view transitions.

animationSets multiple CSS animation properties in one declaration.
animation-compositionControls the composition of a CSS animation.
animation-delayControls the delay of a CSS animation.
animation-directionControls the direction of a CSS animation.
animation-durationControls the duration of a CSS animation.
animation-fill-modeControls the fill mode of a CSS animation.
animation-iteration-countControls the iteration count of a CSS animation.
animation-nameControls the name of a CSS animation.
animation-play-stateControls the play state of a CSS animation.
animation-rangeControls the range of a CSS animation.
animation-range-endControls the range end of a CSS animation.
animation-range-startControls the range start of a CSS animation.
animation-timelineControls the timeline of a CSS animation.
animation-timing-functionControls the timing function of a CSS animation.
timeline-scopeControls timeline scope behavior or presentation in CSS.
view-timelineControls view timeline behavior or presentation in CSS.
view-timeline-axisControls view timeline axis behavior or presentation in CSS.
view-timeline-insetControls view timeline inset behavior or presentation in CSS.
view-timeline-nameControls view timeline name behavior or presentation in CSS.
view-transition-classControls view transition class behavior or presentation in CSS.
view-transition-nameControls view transition name behavior or presentation in CSS.

Backgrounds

These properties control element backgrounds, background images, layers, positioning, repetition, and related box decoration effects.

backgroundSets multiple background properties in one declaration.
background-attachmentControls the attachment of an element background.
background-blend-modeControls the blend mode of an element background.
background-clipControls the clip of an element background.
background-colorControls the color of an element background.
background-imageControls the image of an element background.
background-originControls the origin of an element background.
background-positionControls the position of an element background.
background-position-xControls the position x of an element background.
background-position-yControls the position y of an element background.
background-repeatControls the repeat of an element background.
background-repeat-xControls the repeat x of an element background.
background-repeat-yControls the repeat y of an element background.
background-sizeControls the size of an element background.
box-decoration-breakControls box decoration break behavior or presentation in CSS.
box-shadowControls box shadow behavior or presentation in CSS.

Borders & Outlines

These properties control borders, border images, corner radii, and outlines around elements.

borderSets the width, style, and color of an element border.
border-blockControls the block of an element border.
border-block-colorControls the block color of an element border.
border-block-endControls the block end of an element border.
border-block-end-colorControls the block end color of an element border.
border-block-end-styleControls the block end style of an element border.
border-block-end-widthControls the block end width of an element border.
border-block-startControls the block start of an element border.
border-block-start-colorControls the block start color of an element border.
border-block-start-styleControls the block start style of an element border.
border-block-start-widthControls the block start width of an element border.
border-block-styleControls the block style of an element border.
border-block-widthControls the block width of an element border.
border-bottomControls the bottom of an element border.
border-bottom-colorControls the bottom color of an element border.
border-bottom-left-radiusControls the bottom left radius of an element border.
border-bottom-right-radiusControls the bottom right radius of an element border.
border-bottom-styleControls the bottom style of an element border.
border-bottom-widthControls the bottom width of an element border.
border-colorControls the color of an element border.
border-end-end-radiusControls the end end radius of an element border.
border-end-start-radiusControls the end start radius of an element border.
border-imageControls the image of an element border.
border-image-outsetControls the image outset of an element border.
border-image-repeatControls the image repeat of an element border.
border-image-sliceControls the image slice of an element border.
border-image-sourceControls the image source of an element border.
border-image-widthControls the image width of an element border.
border-inlineControls the inline of an element border.
border-inline-colorControls the inline color of an element border.
border-inline-endControls the inline end of an element border.
border-inline-end-colorControls the inline end color of an element border.
border-inline-end-styleControls the inline end style of an element border.
border-inline-end-widthControls the inline end width of an element border.
border-inline-startControls the inline start of an element border.
border-inline-start-colorControls the inline start color of an element border.
border-inline-start-styleControls the inline start style of an element border.
border-inline-start-widthControls the inline start width of an element border.
border-inline-styleControls the inline style of an element border.
border-inline-widthControls the inline width of an element border.
border-leftControls the left of an element border.
border-left-colorControls the left color of an element border.
border-left-styleControls the left style of an element border.
border-left-widthControls the left width of an element border.
border-radiusControls the radius of an element border.
border-rightControls the right of an element border.
border-right-colorControls the right color of an element border.
border-right-styleControls the right style of an element border.
border-right-widthControls the right width of an element border.
border-start-end-radiusControls the start end radius of an element border.
border-start-start-radiusControls the start start radius of an element border.
border-styleControls the style of an element border.
border-topControls the top of an element border.
border-top-colorControls the top color of an element border.
border-top-left-radiusControls the top left radius of an element border.
border-top-right-radiusControls the top right radius of an element border.
border-top-styleControls the top style of an element border.
border-top-widthControls the top width of an element border.
border-widthControls the width of an element border.
outlineControls outline behavior or presentation in CSS.
outline-colorControls the color of an element outline.
outline-offsetControls the offset of an element outline.
outline-styleControls the style of an element outline.
outline-widthControls the width of an element outline.

Box Model

These properties control spacing, alignment, display behavior, and other aspects of element boxes and layout.

align-contentControls align content behavior or presentation in CSS.
align-itemsControls align items behavior or presentation in CSS.
align-selfControls align self behavior or presentation in CSS.
displayControls how an element generates boxes and participates in layout.
gapControls gap behavior or presentation in CSS.
justify-contentControls justify content behavior or presentation in CSS.
justify-itemsControls justify items behavior or presentation in CSS.
justify-selfControls justify self behavior or presentation in CSS.
marginControls margin behavior or presentation in CSS.
margin-bottomSets the bottom margin of an element.
margin-leftSets the left margin of an element.
margin-rightSets the right margin of an element.
margin-topSets the top margin of an element.
paddingControls padding behavior or presentation in CSS.
padding-bottomSets the bottom padding of an element.
padding-leftSets the left padding of an element.
padding-rightSets the right padding of an element.
padding-topSets the top padding of an element.
place-contentControls place content behavior or presentation in CSS.
place-itemsControls place items behavior or presentation in CSS.
place-selfControls place self behavior or presentation in CSS.
row-gapControls row gap behavior or presentation in CSS.

Color & Appearance

These properties control colors, opacity, blending, filters, SVG paint, and other visual rendering effects.

backdrop-filterApplies graphical effects to the area behind an element.
colorSets the foreground color of an element, including its text.
color-interpolationControls color interpolation behavior or presentation in CSS.
color-interpolation-filtersControls color interpolation filters behavior or presentation in CSS.
color-renderingControls color rendering behavior or presentation in CSS.
color-schemeControls color scheme behavior or presentation in CSS.
dynamic-range-limitControls dynamic range limit behavior or presentation in CSS.
fillControls fill behavior or presentation in CSS.
fill-opacityControls the opacity of an SVG fill.
fill-ruleControls the rule of an SVG fill.
filterApplies graphical effects such as blur, brightness, or contrast.
flood-colorControls flood color behavior or presentation in CSS.
flood-opacityControls flood opacity behavior or presentation in CSS.
forced-color-adjustControls forced color adjust behavior or presentation in CSS.
lighting-colorControls lighting color behavior or presentation in CSS.
mix-blend-modeControls mix blend mode behavior or presentation in CSS.
opacitySets the opacity of an element.
paint-orderControls paint order behavior or presentation in CSS.
print-color-adjustControls print color adjust behavior or presentation in CSS.
stop-colorControls stop color behavior or presentation in CSS.
stop-opacityControls stop opacity behavior or presentation in CSS.
strokeControls stroke behavior or presentation in CSS.
stroke-dasharrayControls the dasharray of an SVG stroke.
stroke-dashoffsetControls the dashoffset of an SVG stroke.
stroke-linecapControls the linecap of an SVG stroke.
stroke-linejoinControls the linejoin of an SVG stroke.
stroke-miterlimitControls the miterlimit of an SVG stroke.
stroke-opacityControls the opacity of an SVG stroke.
stroke-widthControls the width of an SVG stroke.

Columns

These properties control multi-column layouts, including column size, count, gaps, rules, and spanning.

column-countControls the count of a multi-column layout.
column-fillControls the fill of a multi-column layout.
column-gapControls the gap of a multi-column layout.
column-heightControls the height of a multi-column layout.
column-ruleControls the rule of a multi-column layout.
column-rule-colorControls the rule color of a multi-column layout.
column-rule-styleControls the rule style of a multi-column layout.
column-rule-widthControls the rule width of a multi-column layout.
column-spanControls the span of a multi-column layout.
column-widthControls the width of a multi-column layout.
columnsControls columns behavior or presentation in CSS.

Containment & Content

These properties control CSS containment, container queries, generated content, and content visibility.

containControls contain behavior or presentation in CSS.
contain-intrinsic-block-sizeControls contain intrinsic block size behavior or presentation in CSS.
contain-intrinsic-heightControls contain intrinsic height behavior or presentation in CSS.
contain-intrinsic-inline-sizeControls contain intrinsic inline size behavior or presentation in CSS.
contain-intrinsic-sizeControls contain intrinsic size behavior or presentation in CSS.
contain-intrinsic-widthControls contain intrinsic width behavior or presentation in CSS.
containerControls container behavior or presentation in CSS.
container-nameControls container name behavior or presentation in CSS.
container-typeControls container type behavior or presentation in CSS.
contentSets generated or replaced content.
content-visibilityControls content visibility behavior or presentation in CSS.

Flexbox

These properties control flexible box containers and flex items.

flexSets how a flex item grows, shrinks, and uses its flex basis.
flex-basisControls basis in a Flexbox layout.
flex-directionControls direction in a Flexbox layout.
flex-flowControls flow in a Flexbox layout.
flex-growControls grow in a Flexbox layout.
flex-shrinkControls shrink in a Flexbox layout.
flex-wrapControls wrap in a Flexbox layout.
orderControls order behavior or presentation in CSS.

Fonts & Typography

These properties control fonts, font features, font variants, spacing, and line height.

fontSets multiple font properties in one declaration.
font-familyControls the family used to render text.
font-feature-settingsControls the feature settings used to render text.
font-kerningControls the kerning used to render text.
font-language-overrideControls the language override used to render text.
font-optical-sizingControls the optical sizing used to render text.
font-paletteControls the palette used to render text.
font-sizeControls the size used to render text.
font-size-adjustControls the size adjust used to render text.
font-smoothControls the smooth used to render text.
font-stretchControls the stretch used to render text.
font-styleControls the style used to render text.
font-synthesisControls the synthesis used to render text.
font-synthesis-positionControls the synthesis position used to render text.
font-synthesis-small-capsControls the synthesis small caps used to render text.
font-synthesis-styleControls the synthesis style used to render text.
font-synthesis-weightControls the synthesis weight used to render text.
font-variantControls the variant used to render text.
font-variant-alternatesControls the variant alternates used to render text.
font-variant-capsControls the variant caps used to render text.
font-variant-east-asianControls the variant east asian used to render text.
font-variant-emojiControls the variant emoji used to render text.
font-variant-ligaturesControls the variant ligatures used to render text.
font-variant-numericControls the variant numeric used to render text.
font-variant-positionControls the variant position used to render text.
font-variation-settingsControls the variation settings used to render text.
font-weightControls the weight used to render text.
font-widthControls the width used to render text.
letter-spacingControls letter spacing behavior or presentation in CSS.
line-heightControls line height behavior or presentation in CSS.

Grid

These properties control CSS Grid containers, tracks, areas, placement, and masonry layout.

gridSets multiple CSS Grid properties in one declaration.
grid-areaControls area in a CSS Grid layout.
grid-auto-columnsControls auto columns in a CSS Grid layout.
grid-auto-flowControls auto flow in a CSS Grid layout.
grid-auto-rowsControls auto rows in a CSS Grid layout.
grid-columnControls column in a CSS Grid layout.
grid-column-endControls column end in a CSS Grid layout.
grid-column-startControls column start in a CSS Grid layout.
grid-rowControls row in a CSS Grid layout.
grid-row-endControls row end in a CSS Grid layout.
grid-row-startControls row start in a CSS Grid layout.
grid-templateControls template in a CSS Grid layout.
grid-template-areasControls template areas in a CSS Grid layout.
grid-template-columnsControls template columns in a CSS Grid layout.
grid-template-rowsControls template rows in a CSS Grid layout.
masonryControls masonry behavior or presentation in CSS.

Images & Replaced Content

These properties control images and the sizing, positioning, and rendering of replaced content.

image-orientationControls image orientation behavior or presentation in CSS.
image-renderingControls image rendering behavior or presentation in CSS.
object-fitControls object fit behavior or presentation in CSS.
object-positionControls object position behavior or presentation in CSS.

Lists & Counters

These properties control list markers, counters, generated markers, and quotation marks.

counter-incrementControls CSS counter increment behavior.
counter-resetControls CSS counter reset behavior.
counter-setControls CSS counter set behavior.
list-styleControls list style behavior or presentation in CSS.
list-style-imageControls the image of list markers.
list-style-positionControls the position of list markers.
list-style-typeControls the type of list markers.
markerControls marker behavior or presentation in CSS.
marker-endControls marker end behavior or presentation in CSS.
marker-midControls marker mid behavior or presentation in CSS.
marker-startControls marker start behavior or presentation in CSS.
quotesControls quotes behavior or presentation in CSS.

Logical Properties

These logical properties control dimensions, spacing, insets, and borders according to writing mode and text direction.

block-sizeControls block size behavior or presentation in CSS.
inline-sizeControls inline size behavior or presentation in CSS.
inset-blockSets the logical block inset of a positioned element.
inset-block-endSets the logical block end inset of a positioned element.
inset-block-startSets the logical block start inset of a positioned element.
inset-inlineSets the logical inline inset of a positioned element.
inset-inline-endSets the logical inline end inset of a positioned element.
inset-inline-startSets the logical inline start inset of a positioned element.
margin-blockSets the block margin of an element.
margin-block-endSets the block end margin of an element.
margin-block-startSets the block start margin of an element.
margin-inlineSets the inline margin of an element.
margin-inline-endSets the inline end margin of an element.
margin-inline-startSets the inline start margin of an element.
max-block-sizeControls max block size behavior or presentation in CSS.
max-inline-sizeControls max inline size behavior or presentation in CSS.
min-block-sizeControls min block size behavior or presentation in CSS.
min-inline-sizeControls min inline size behavior or presentation in CSS.
padding-blockSets the block padding of an element.
padding-block-endSets the block end padding of an element.
padding-block-startSets the block start padding of an element.
padding-inlineSets the inline padding of an element.
padding-inline-endSets the inline end padding of an element.
padding-inline-startSets the inline start padding of an element.

Positioning

These properties control positioned elements, floats, anchors, insets, and stacking order.

anchor-nameControls anchor name behavior or presentation in CSS.
anchor-scopeControls anchor scope behavior or presentation in CSS.
bottomControls bottom behavior or presentation in CSS.
clearControls clear behavior or presentation in CSS.
floatControls float behavior or presentation in CSS.
insetControls inset behavior or presentation in CSS.
leftControls left behavior or presentation in CSS.
positionControls the positioning method used for an element.
position-anchorControls anchor for positioned or anchored elements.
position-areaControls area for positioned or anchored elements.
position-tryControls try for positioned or anchored elements.
position-try-fallbacksControls try fallbacks for positioned or anchored elements.
position-try-orderControls try order for positioned or anchored elements.
rightControls right behavior or presentation in CSS.
topControls top behavior or presentation in CSS.
z-indexControls the stacking order of positioned and other stackable elements.

Scrolling & Overflow

These properties control overflow, scrolling, scroll snapping, scroll timelines, overscroll behavior, and scrollbars.

overflowControls overflow behavior or presentation in CSS.
overflow-anchorControls anchor when content overflows an element.
overflow-blockControls block when content overflows an element.
overflow-clip-marginControls clip margin when content overflows an element.
overflow-inlineControls inline when content overflows an element.
overflow-wrapControls wrap when content overflows an element.
overflow-xControls x when content overflows an element.
overflow-yControls y when content overflows an element.
overlayControls overlay behavior or presentation in CSS.
overscroll-behaviorControls overscroll behavior behavior or presentation in CSS.
overscroll-behavior-blockControls overscroll behavior block behavior or presentation in CSS.
overscroll-behavior-inlineControls overscroll behavior inline behavior or presentation in CSS.
overscroll-behavior-xControls overscroll behavior x behavior or presentation in CSS.
overscroll-behavior-yControls overscroll behavior y behavior or presentation in CSS.
scroll-behaviorControls behavior for scrolling or scroll snapping.
scroll-marginControls margin for scrolling or scroll snapping.
scroll-margin-blockControls margin block for scrolling or scroll snapping.
scroll-margin-block-endControls margin block end for scrolling or scroll snapping.
scroll-margin-block-startControls margin block start for scrolling or scroll snapping.
scroll-margin-bottomControls margin bottom for scrolling or scroll snapping.
scroll-margin-inlineControls margin inline for scrolling or scroll snapping.
scroll-margin-inline-endControls margin inline end for scrolling or scroll snapping.
scroll-margin-inline-startControls margin inline start for scrolling or scroll snapping.
scroll-margin-leftControls margin left for scrolling or scroll snapping.
scroll-margin-rightControls margin right for scrolling or scroll snapping.
scroll-margin-topControls margin top for scrolling or scroll snapping.
scroll-paddingControls padding for scrolling or scroll snapping.
scroll-padding-blockControls padding block for scrolling or scroll snapping.
scroll-padding-block-endControls padding block end for scrolling or scroll snapping.
scroll-padding-block-startControls padding block start for scrolling or scroll snapping.
scroll-padding-bottomControls padding bottom for scrolling or scroll snapping.
scroll-padding-inlineControls padding inline for scrolling or scroll snapping.
scroll-padding-inline-endControls padding inline end for scrolling or scroll snapping.
scroll-padding-inline-startControls padding inline start for scrolling or scroll snapping.
scroll-padding-leftControls padding left for scrolling or scroll snapping.
scroll-padding-rightControls padding right for scrolling or scroll snapping.
scroll-padding-topControls padding top for scrolling or scroll snapping.
scroll-snap-alignControls snap align for scrolling or scroll snapping.
scroll-snap-stopControls snap stop for scrolling or scroll snapping.
scroll-snap-typeControls snap type for scrolling or scroll snapping.
scroll-timelineControls timeline for scrolling or scroll snapping.
scroll-timeline-axisControls timeline axis for scrolling or scroll snapping.
scroll-timeline-nameControls timeline name for scrolling or scroll snapping.
scrollbar-colorControls scrollbar color behavior or presentation in CSS.
scrollbar-gutterControls scrollbar gutter behavior or presentation in CSS.
scrollbar-widthControls scrollbar width behavior or presentation in CSS.

Shapes, Clipping & Masking

These properties control clipping paths, masks, shapes, and related visual boundaries.

clipControls clip behavior or presentation in CSS.
clip-pathControls clip path behavior or presentation in CSS.
clip-ruleControls clip rule behavior or presentation in CSS.
maskSets multiple CSS masking properties in one declaration.
mask-borderControls the border of a CSS mask.
mask-border-modeControls the border mode of a CSS mask.
mask-border-outsetControls the border outset of a CSS mask.
mask-border-repeatControls the border repeat of a CSS mask.
mask-border-sliceControls the border slice of a CSS mask.
mask-border-sourceControls the border source of a CSS mask.
mask-border-widthControls the border width of a CSS mask.
mask-clipControls the clip of a CSS mask.
mask-compositeControls the composite of a CSS mask.
mask-imageControls the image of a CSS mask.
mask-modeControls the mode of a CSS mask.
mask-originControls the origin of a CSS mask.
mask-positionControls the position of a CSS mask.
mask-repeatControls the repeat of a CSS mask.
mask-sizeControls the size of a CSS mask.
mask-typeControls the type of a CSS mask.
shape-image-thresholdControls shape image threshold behavior or presentation in CSS.
shape-marginControls shape margin behavior or presentation in CSS.
shape-outsideControls shape outside behavior or presentation in CSS.
shape-renderingControls shape rendering behavior or presentation in CSS.

Sizing

These properties control element width, height, minimum and maximum sizes, aspect ratios, and sizing behavior.

aspect-ratioControls aspect ratio behavior or presentation in CSS.
box-sizingControls box sizing behavior or presentation in CSS.
field-sizingControls field sizing behavior or presentation in CSS.
heightControls height behavior or presentation in CSS.
interpolate-sizeControls interpolate size behavior or presentation in CSS.
max-heightControls max height behavior or presentation in CSS.
max-widthControls max width behavior or presentation in CSS.
min-heightControls min height behavior or presentation in CSS.
min-widthControls min width behavior or presentation in CSS.
widthControls width behavior or presentation in CSS.

Tables

These properties control table layout, borders, spacing, captions, and empty cells.

border-collapseControls the collapse of an element border.
border-spacingControls the spacing of an element border.
caption-sideControls caption side behavior or presentation in CSS.
empty-cellsControls empty cells behavior or presentation in CSS.
table-layoutControls table layout behavior or presentation in CSS.

Text

These properties control text alignment, decoration, wrapping, spacing, hyphenation, and other text formatting behavior.

hanging-punctuationControls hanging punctuation behavior or presentation in CSS.
hyphenate-characterControls hyphenate character behavior or presentation in CSS.
hyphenate-limit-charsControls hyphenate limit chars behavior or presentation in CSS.
hyphensControls hyphens behavior or presentation in CSS.
line-breakControls line break behavior or presentation in CSS.
line-clampControls line clamp behavior or presentation in CSS.
tab-sizeControls tab size behavior or presentation in CSS.
text-alignControls the align of text content.
text-align-lastControls the align last of text content.
text-anchorControls the anchor of text content.
text-boxControls the box of text content.
text-box-edgeControls the box edge of text content.
text-box-trimControls the box trim of text content.
text-decorationControls the decoration of text content.
text-decoration-colorControls the decoration color of text content.
text-decoration-lineControls the decoration line of text content.
text-decoration-skipControls the decoration skip of text content.
text-decoration-skip-inkControls the decoration skip ink of text content.
text-decoration-styleControls the decoration style of text content.
text-decoration-thicknessControls the decoration thickness of text content.
text-emphasisControls the emphasis of text content.
text-emphasis-colorControls the emphasis color of text content.
text-emphasis-positionControls the emphasis position of text content.
text-emphasis-styleControls the emphasis style of text content.
text-indentControls the indent of text content.
text-justifyControls the justify of text content.
text-overflowControls the overflow of text content.
text-renderingControls the rendering of text content.
text-shadowControls the shadow of text content.
text-size-adjustControls the size adjust of text content.
text-spacing-trimControls the spacing trim of text content.
text-transformControls the transform of text content.
text-underline-offsetControls the underline offset of text content.
text-underline-positionControls the underline position of text content.
text-wrapControls the wrap of text content.
text-wrap-modeControls the wrap mode of text content.
text-wrap-styleControls the wrap style of text content.
white-spaceControls white space behavior or presentation in CSS.
white-space-collapseControls white space collapse behavior or presentation in CSS.
word-breakControls word break behavior or presentation in CSS.
word-spacingControls word spacing behavior or presentation in CSS.
word-wrapControls word wrap behavior or presentation in CSS.

Transforms

These properties control two-dimensional and three-dimensional transforms, motion paths, perspective, rotation, scale, and translation.

backface-visibilityControls backface visibility behavior or presentation in CSS.
offsetControls offset behavior or presentation in CSS.
offset-anchorControls offset anchor behavior or presentation in CSS.
offset-distanceControls offset distance behavior or presentation in CSS.
offset-pathControls offset path behavior or presentation in CSS.
offset-positionControls offset position behavior or presentation in CSS.
offset-rotateControls offset rotate behavior or presentation in CSS.
perspectiveControls perspective behavior or presentation in CSS.
perspective-originControls perspective origin behavior or presentation in CSS.
rotateControls rotate behavior or presentation in CSS.
scaleControls scale behavior or presentation in CSS.
transformControls transform behavior or presentation in CSS.
transform-boxControls the box used by CSS transforms.
transform-originControls the origin used by CSS transforms.
transform-styleControls the style used by CSS transforms.
translateControls translate behavior or presentation in CSS.

Transitions

These properties control transitions between CSS property values.

transitionSets multiple CSS transition properties in one declaration.
transition-behaviorControls the behavior of a CSS transition.
transition-delayControls the delay of a CSS transition.
transition-durationControls the duration of a CSS transition.
transition-propertyControls the property of a CSS transition.
transition-timing-functionControls the timing function of a CSS transition.

User Interface

These properties control interactive appearance, cursors, carets, resizing, pointer behavior, and text selection.

accent-colorControls accent color behavior or presentation in CSS.
appearanceControls appearance behavior or presentation in CSS.
caretControls caret behavior or presentation in CSS.
caret-animationControls caret animation behavior or presentation in CSS.
caret-colorControls caret color behavior or presentation in CSS.
caret-shapeControls caret shape behavior or presentation in CSS.
cursorSpecifies the mouse pointer displayed when pointing at an element.
pointer-eventsControls pointer events behavior or presentation in CSS.
resizeControls resize behavior or presentation in CSS.
touch-actionControls touch action behavior or presentation in CSS.
user-selectControls user select behavior or presentation in CSS.

Writing Modes

These properties control writing direction, text orientation, ruby layout, baselines, and vertical alignment.

directionControls direction behavior or presentation in CSS.
glyph-orientation-horizontalControls glyph orientation horizontal behavior or presentation in CSS.
glyph-orientation-verticalControls glyph orientation vertical behavior or presentation in CSS.
ruby-alignControls ruby align behavior or presentation in CSS.
ruby-positionControls ruby position behavior or presentation in CSS.
text-combine-uprightControls the combine upright of text content.
text-orientationControls the orientation of text content.
unicode-bidiControls unicode bidi behavior or presentation in CSS.
vertical-alignControls vertical align behavior or presentation in CSS.
writing-modeControls writing mode behavior or presentation in CSS.

Miscellaneous

These properties cover additional CSS features including fragmentation, math layout, SVG geometry, visibility, and rendering hints.

alignment-baselineControls alignment baseline behavior or presentation in CSS.
allResets or sets all CSS properties on an element except direction and unicode-bidi.
baseline-shiftControls baseline shift behavior or presentation in CSS.
baseline-sourceControls baseline source behavior or presentation in CSS.
break-afterControls break after behavior or presentation in CSS.
break-beforeControls break before behavior or presentation in CSS.
break-insideControls break inside behavior or presentation in CSS.
dDefines an SVG path shape using path data.
dominant-baselineControls dominant baseline behavior or presentation in CSS.
isolationControls isolation behavior or presentation in CSS.
math-depthControls math depth behavior or presentation in CSS.
math-shiftControls math shift behavior or presentation in CSS.
math-styleControls math style behavior or presentation in CSS.
orphansControls orphans behavior or presentation in CSS.
pageControls page behavior or presentation in CSS.
page-break-afterControls page break after behavior or presentation in CSS.
page-break-beforeControls page break before behavior or presentation in CSS.
page-break-insideControls page break inside behavior or presentation in CSS.
unicode-rangeControls unicode range behavior or presentation in CSS.
vector-effectControls vector effect behavior or presentation in CSS.
visibilityControls whether an element is visible without removing its layout space.
widowsControls widows behavior or presentation in CSS.
will-changeProvides a browser hint about properties that are expected to change.
xSets an x-axis coordinate for applicable SVG elements.
ySets a y-axis coordinate for applicable SVG elements.
zoomScales the rendered size of an element.

See Also:
CSS Selector List
CSS Pseudo-class List
CSS Pseudo-element List
CSS Values & Units

« Previous CSS Home Next »