Every CSS property

• accent-color Tint color for checkboxes, radio buttons, sliders and progress bars.
• align-content Distributes rows of items along the cross axis when there is extra space.
• align-items Lines up flex or grid children along the cross axis.
• align-self Overrides align-items for a single flex or grid child.
• anchor-name Names an element so other elements can be positioned relative to it.
• anchor-scope Limits which descendants can see an anchor name.
• animation Shorthand that sets a keyframe animation's name, timing, repeats and more.
• animation-composition Decides how animated values combine with values already on the element.
• animation-delay Waiting time before an animation starts.
• animation-direction Plays an animation forwards, backwards, or alternating each cycle.
• animation-duration How long one cycle of an animation takes.
• animation-fill-mode Whether animation styles apply before it starts or stay after it ends.
• animation-iteration-count How many times an animation repeats, or infinite.
• animation-name Which @keyframes rule the element plays.
• animation-play-state Pauses or resumes a running animation.
• animation-range-end Where on a scroll or view timeline an animation finishes.
• animation-range-start Where on a scroll or view timeline an animation begins.
• animation-timeline Links an animation's progress to scrolling instead of time.
• animation-timing-function Speed curve of an animation, such as ease-in or linear.
• appearance Removes or keeps the browser's built-in look for form controls.
• backdrop-filter Blurs or tints whatever is visible behind the element.
• backface-visibility Hides the back side of an element when it is flipped in 3D.
• background Shorthand for all background settings: color, image, position, size and repeat.
• background-attachment Whether a background image scrolls with the page or stays fixed.
• background-blend-mode How background layers mix with each other, like Multiply or Screen.
• background-clip How far the background extends: border, padding, content, or the text itself.
• background-color Solid color painted behind the element's content.
• background-image One or more images or gradients drawn behind the content.
• background-origin Which box a background image's position is measured from.
• background-position Where a background image sits inside the element.
• background-repeat Whether and how a background image tiles.
• background-size How big a background image is drawn, such as cover or contain.
• block-size Size in the block direction; equals height in horizontal text.
• border Shorthand for border width, style and color on all four sides.
• border-block Border on both block sides, top and bottom in horizontal text.
• border-block-end-color Color of the block-end border, usually the bottom.
• border-block-end-style Line style of the block-end border, usually the bottom.
• border-block-end-width Thickness of the block-end border, usually the bottom.
• border-block-start-color Color of the block-start border, usually the top.
• border-block-start-style Line style of the block-start border, usually the top.
• border-block-start-width Thickness of the block-start border, usually the top.
• border-bottom-color Color of the bottom border.
• border-bottom-left-radius Rounds the bottom-left corner.
• border-bottom-right-radius Rounds the bottom-right corner.
• border-bottom-style Line style of the bottom border, like solid or dashed.
• border-bottom-width Thickness of the bottom border.
• border-color Color of the border on all sides.
• border-end-end-radius Rounds the corner at block end and inline end, usually bottom right.
• border-end-start-radius Rounds the corner at block end and inline start, usually bottom left.
• border-image-outset How far a border image extends beyond the border box.
• border-image-repeat Whether border image edges stretch, repeat or space out.
• border-image-slice How a border image is cut into corners and edges.
• border-image-source Image used to draw the border instead of a plain line.
• border-image-width Thickness of the border image.
• border-inline Border on both inline sides, left and right in horizontal text.
• border-inline-end-color Color of the inline-end border, usually the right.
• border-inline-end-style Line style of the inline-end border, usually the right.
• border-inline-end-width Thickness of the inline-end border, usually the right.
• border-inline-start-color Color of the inline-start border, usually the left.
• border-inline-start-style Line style of the inline-start border, usually the left.
• border-inline-start-width Thickness of the inline-start border, usually the left.
• border-left-color Color of the left border.
• border-left-style Line style of the left border.
• border-left-width Thickness of the left border.
• border-radius Rounds the element's corners.
• border-right-color Color of the right border.
• border-right-style Line style of the right border.
• border-right-width Thickness of the right border.
• border-start-end-radius Rounds the corner at block start and inline end, usually top right.
• border-start-start-radius Rounds the corner at block start and inline start, usually top left.
• border-style Line style of the border, such as solid, dashed or dotted.
• border-top-color Color of the top border.
• border-top-left-radius Rounds the top-left corner.
• border-top-right-radius Rounds the top-right corner.
• border-top-style Line style of the top border.
• border-top-width Thickness of the top border.
• border-width Thickness of the border on all sides.
• bottom Offset of a positioned element from the bottom edge.
• box-shadow Adds one or more shadows around the element's box.
• box-sizing Whether width and height include padding and border.
• caret-animation Whether the text cursor blinks.
• caret-color Color of the blinking text cursor in inputs.
• clip-path Cuts the element to a shape, hiding everything outside it.
• color Color of the text.
• column-gap Space between columns in grid, flex or multi-column layouts.
• container Shorthand that names an element and makes it a query container.
• container-name Names a container so container queries can target it.
• container-type Makes an element a container whose size children can query.
• content Text or image inserted by ::before and ::after.
• corner-bottom-left-shape Shape of the bottom-left rounded corner, such as bevel or squircle.
• corner-bottom-right-shape Shape of the bottom-right rounded corner, such as bevel or squircle.
• corner-end-end-shape Shape of the end-end rounded corner, usually bottom right.
• corner-end-start-shape Shape of the end-start rounded corner, usually bottom left.
• corner-start-end-shape Shape of the start-end rounded corner, usually top right.
• corner-start-start-shape Shape of the start-start rounded corner, usually top left.
• corner-top-left-shape Shape of the top-left rounded corner, such as bevel or squircle.
• corner-top-right-shape Shape of the top-right rounded corner, such as bevel or squircle.
• cursor Mouse pointer shown when hovering the element.
• display How an element is laid out: block, inline, flex, grid, none and more.
• field-sizing Lets inputs and textareas grow to fit what is typed.
• filter Applies effects like blur, brightness or grayscale to the element.
• flex Shorthand for how a flex item grows, shrinks and its starting size.
• flex-basis Starting size of a flex item before space is shared out.
• flex-direction Lays flex items out in a row or a column.
• flex-flow Shorthand for flex-direction and flex-wrap.
• flex-grow How much a flex item expands to fill spare space.
• flex-shrink How much a flex item shrinks when space runs out.
• flex-wrap Lets flex items wrap onto new lines.
• font Shorthand for font style, weight, size, line height and family.
• font-family Which typefaces to use, in order of preference.
• font-kerning Turns the font's letter-pair spacing adjustments on or off.
• font-optical-sizing Lets variable fonts adjust letter shapes to suit the size.
• font-palette Chooses a color palette for color fonts.
• font-size Size of the text.
• font-size-adjust Keeps fallback fonts visually the same size as the main font.
• font-stretch Picks a narrower or wider version of the font.
• font-style Makes text italic or normal.
• font-synthesis-small-caps Whether the browser fakes small caps when the font lacks them.
• font-synthesis-style Whether the browser fakes italics when the font lacks them.
• font-synthesis-weight Whether the browser fakes bold when the font lacks it.
• font-variant Shorthand for special glyphs like small caps and number styles.
• font-variant-alternates Turns on a font's alternate glyphs, like swashes.
• font-variant-caps Uses small caps or other capital letter forms.
• font-variant-east-asian Chooses glyph forms for Chinese, Japanese and Korean text.
• font-variant-emoji Shows emoji in color or as plain text symbols.
• font-variant-ligatures Turns joined letter combinations like fi on or off.
• font-variant-numeric Number styles such as equal-width digits or fractions.
• font-variant-position Uses the font's real superscript or subscript glyphs.
• font-weight How bold the text is.
• gap Space between rows and columns in flex and grid layouts.
• grid Shorthand for all grid template and auto-placement settings at once.
• grid-area Places an item in a named area or row and column range.
• grid-auto-columns Width of columns the grid creates automatically.
• grid-auto-flow Whether auto-placed items fill rows or columns, and packs gaps.
• grid-auto-rows Height of rows the grid creates automatically.
• grid-column Which columns a grid item spans.
• grid-column-end Column line where a grid item stops.
• grid-column-start Column line where a grid item begins.
• grid-gap Older name for gap in grid layouts.
• grid-row Which rows a grid item spans.
• grid-row-end Row line where a grid item stops.
• grid-row-start Row line where a grid item begins.
• grid-template Shorthand for grid rows, columns and named areas.
• grid-template-areas Draws the layout by naming regions of the grid.
• grid-template-columns Number and widths of the grid's columns.
• grid-template-rows Number and heights of the grid's rows.
• height Height of the element.
• hyphenate-character Character shown at the end of a hyphenated line.
• hyphenate-limit-chars Minimum word and fragment lengths allowed when hyphenating.
• hyphens Lets the browser break long words with hyphens.
• image-orientation Whether images follow their camera rotation data.
• image-rendering How scaled images are smoothed, or kept pixelated.
• initial-letter Makes the first letter a large drop cap spanning several lines.
• inline-size Size in the inline direction; equals width in horizontal text.
• inset Shorthand for top, right, bottom and left.
• inset-block Sets both block offsets, top and bottom in horizontal text.
• inset-block-end Offset from the block end, usually the bottom.
• inset-block-start Offset from the block start, usually the top.
• inset-inline Sets both inline offsets, left and right in horizontal text.
• inset-inline-end Offset from the inline end, usually the right.
• inset-inline-start Offset from the inline start, usually the left.
• interactivity Makes an element and its children inert, ignoring clicks and focus.
• interpolate-size Allows animating to sizes like auto.
• isolation Creates a new stacking context, containing blending and z-index.
• justify-content Spreads flex or grid items along the main axis.
• justify-items Aligns grid items horizontally inside their cells.
• justify-self Aligns one grid item horizontally inside its cell.
• left Offset of a positioned element from the left edge.
• letter-spacing Extra space between letters.
• line-break How strictly lines break in Chinese, Japanese and Korean text.
• line-height Height of each line of text.
• list-style Shorthand for list marker type, image and position.
• list-style-image Uses an image as the list marker.
• list-style-position Puts list markers inside or outside the item box.
• list-style-type Marker style for list items, like disc, decimal or none.
• margin Space outside the border on all sides.
• margin-block Margins on both block sides, top and bottom in horizontal text.
• margin-block-end Margin after the element in the block direction, usually bottom.
• margin-block-start Margin before the element in the block direction, usually top.
• margin-bottom Space outside the element's bottom border.
• margin-inline Margins on both inline sides, left and right in horizontal text.
• margin-inline-end Margin at the inline end, usually the right.
• margin-inline-start Margin at the inline start, usually the left.
• margin-left Space outside the element's left border.
• margin-right Space outside the element's right border.
• margin-top Space outside the element's top border.
• max-block-size Largest allowed block size, usually max height.
• max-height Largest height the element may grow to.
• max-inline-size Largest allowed inline size, usually max width.
• max-width Largest width the element may grow to.
• min-block-size Smallest allowed block size, usually min height.
• min-height Smallest height the element may shrink to.
• min-inline-size Smallest allowed inline size, usually min width.
• min-width Smallest width the element may shrink to.
• mix-blend-mode How the element's colors mix with what is beneath it.
• object-fit How an image or video fills its box: cover, contain and so on.
• object-position Where an image or video sits inside its box.
• object-view-box Crops and zooms an image to a chosen region.
• opacity How transparent the whole element is, from 0 to 1.
• order Changes the visual order of a flex or grid item.
• outline Line drawn outside the border without taking up space, often for focus.
• outline-color Color of the outline.
• outline-offset Gap between the outline and the border.
• outline-style Line style of the outline.
• outline-width Thickness of the outline.
• overflow What happens to content too big for its box: show, hide or scroll.
• overflow-anchor Stops the page jumping when content loads above the view.
• overflow-block Overflow handling in the block direction.
• overflow-clip-margin How far content may spill past a clipped edge.
• overflow-inline Overflow handling in the inline direction.
• overflow-wrap Breaks long words or URLs that would overflow the line.
• overflow-x What happens to content that overflows left or right.
• overflow-y What happens to content that overflows top or bottom.
• overlay Keeps a closing dialog or popover on top during its exit transition.
• overscroll-behavior Stops scrolling from passing to the page at a box's edge.
• overscroll-behavior-block Overscroll handling in the block direction.
• overscroll-behavior-inline Overscroll handling in the inline direction.
• padding Space between the content and the border on all sides.
• padding-block Padding on both block sides, top and bottom in horizontal text.
• padding-block-end Padding at the block end, usually the bottom.
• padding-block-start Padding at the block start, usually the top.
• padding-bottom Space between the content and the bottom border.
• padding-inline Padding on both inline sides, left and right in horizontal text.
• padding-inline-end Padding at the inline end, usually the right.
• padding-inline-start Padding at the inline start, usually the left.
• padding-left Space between the content and the left border.
• padding-right Space between the content and the right border.
• padding-top Space between the content and the top border.
• perspective Depth of 3D space for an element's children.
• perspective-origin Viewpoint position for 3D perspective.
• place-content Shorthand for align-content and justify-content.
• place-items Shorthand for align-items and justify-items, handy for centering.
• place-self Shorthand for align-self and justify-self.
• pointer-events Whether the element responds to clicks and hovers.
• position Positioning method: static, relative, absolute, fixed or sticky.
• position-anchor Which named anchor an element is positioned against.
• position-area Places an anchored element in a grid of areas around its anchor.
• position-try Shorthand for fallback positions when an anchored element would overflow.
• position-try-fallbacks Alternative positions to try if the element would overflow.
• position-try-order Which fallback position to prefer, such as the one with most space.
• position-visibility Hides an anchored element when its anchor is out of view.
• right Offset of a positioned element from the right edge.
• rotate Rotates the element without using transform.
• row-gap Space between rows in grid or flex layouts.
• scale Grows or shrinks the element without using transform.
• scroll-behavior Makes in-page jumps scroll smoothly instead of instantly.
• scroll-initial-target Makes a scroll container start scrolled to this element.
• scroll-margin Extra space kept around an element when scrolled into view.
• scroll-margin-block-end Scroll margin at the block end.
• scroll-margin-block-start Scroll margin at the block start, useful under sticky headers.
• scroll-margin-inline-end Scroll margin at the inline end.
• scroll-margin-inline-start Scroll margin at the inline start.
• scroll-marker-group Adds a row of dot markers for a scrolling carousel.
• scroll-padding Inner offset of a scroll container when snapping or jumping.
• scroll-padding-block-end Scroll padding at the block end.
• scroll-padding-block-start Scroll padding at the block start.
• scroll-padding-inline-end Scroll padding at the inline end.
• scroll-padding-inline-start Scroll padding at the inline start.
• scroll-target-group Makes links to sections act as scroll markers that highlight.
• scroll-timeline Shorthand that names a scroll timeline and its axis.
• scroll-timeline-axis Which scroll direction drives a scroll timeline.
• scroll-timeline-name Names a scroll container's progress for animations to use.
• scrollbar-color Colors of the scrollbar thumb and track.
• scrollbar-gutter Reserves space for a scrollbar so layout does not shift.
• scrollbar-width Makes the scrollbar thin or hides it.
• tab-size Width of tab characters in preformatted text.
• text-align Horizontal alignment of text: left, right, center or justified.
• text-align-last Alignment of the final line in a block of text.
• text-autospace Adds small gaps between Asian and Latin characters.
• text-box-edge Which font edges to trim to with text-box-trim.
• text-box-trim Removes extra space above and below text for tighter alignment.
• text-decoration Shorthand for underlines, overlines and line-throughs.
• text-decoration-color Color of an underline or other text line.
• text-decoration-line Which line to draw: underline, overline or line-through.
• text-decoration-skip-ink Whether underlines break around descending letters like g and y.
• text-decoration-style Style of a text line: solid, wavy, dotted and so on.
• text-emphasis Shorthand for emphasis marks placed beside characters.
• text-emphasis-color Color of emphasis marks.
• text-emphasis-position Where emphasis marks sit relative to the text.
• text-emphasis-style Shape of emphasis marks, such as dots or circles.
• text-indent Indents the first line of a block of text.
• text-overflow Shows an ellipsis when single-line text is cut off.
• text-rendering Hints whether to favor speed or quality when drawing text.
• text-shadow Adds shadows behind text.
• text-size-adjust Stops mobile browsers enlarging text automatically.
• text-spacing-trim Trims spacing around Chinese and Japanese punctuation.
• text-transform Changes text to uppercase, lowercase or capitalized.
• text-underline-position Puts the underline below descenders or at the side.
• text-wrap How lines wrap, including balanced headings and pretty paragraphs.
• text-wrap-mode Whether text wraps at all.
• text-wrap-style Wrapping style, such as balance or pretty.
• timeline-scope Lets elements outside a subtree use a named scroll timeline.
• top Offset of a positioned element from the top edge.
• touch-action Which touch gestures the browser handles, like panning or zooming.
• transform Moves, rotates, scales or skews the element visually.
• transform-origin The point a transform rotates or scales around.
• transform-style Whether children keep their 3D position or flatten.
• transition Shorthand for animating property changes smoothly.
• transition-behavior Allows transitions on properties like display that change in steps.
• transition-delay Waiting time before a transition starts.
• transition-duration How long a transition takes.
• transition-property Which properties animate when they change.
• transition-timing-function Speed curve of a transition, such as ease-out.
• translate Moves the element without using transform.
• user-select Whether the user can select the text.
• vertical-align Vertical alignment of inline content or table cell contents.
• view-timeline Shorthand that names a view timeline, axis and inset.
• view-timeline-axis Which scroll direction a view timeline tracks.
• view-timeline-inset Adjusts when an element counts as in view for a view timeline.
• view-timeline-name Names an element's visibility progress for animations to use.
• view-transition-class Groups elements to style their view transitions together.
• view-transition-group Controls how view transition snapshots are nested.
• view-transition-name Gives an element its own animated part in a view transition.
• visibility Hides an element while keeping its space.
• white-space How spaces and line breaks in the text are handled.
• white-space-collapse Whether runs of spaces and line breaks merge into one.
• width Width of the element.
• word-break Where lines may break inside words.
• word-spacing Extra space between words.
• z-index Stacking order of positioned elements; higher appears on top.