Skip to content

Latest commit

 

History

History
642 lines (602 loc) · 20.5 KB

File metadata and controls

642 lines (602 loc) · 20.5 KB
title CSS properties
short-title Properties
slug Web/CSS/Reference/Properties
page-type listing-page
spec-urls
sidebar cssref

A CSS property is a parameter used in a CSS declaration that lets you style certain aspects of selected elements. For example, the {{CSSxRef("opacity")}} property is used to set the opacity of a selected element, allowing you to control if content behind that element is visible:

/* Set 0.8 opacity on <img> elements */
img {
  opacity: 0.8;
}

Each property has a name (e.g., opacity), a value (e.g., 0.8), and a defined behavior on the rendering of the document. CSS also defines shorthand properties, so you can specify multiple related properties in a single declaration. For example, the {{CSSxRef("margin")}} property is a shorthand for {{CSSxRef("margin-top")}}, {{CSSxRef("margin-right")}}, {{CSSxRef("margin-bottom")}}, and {{CSSxRef("margin-left")}}, setting the margin of all four sides of an element:

/* Give <img> elements 1rem of margin */
img {
  margin: 1rem;
}

Syntax

selector {
  property: value;
}

Alphabetical index of properties

Standard properties defined by CSS specifications include the following:

Misc

A

  • {{CSSxRef("accent-color")}}
  • {{CSSxRef("align-content")}}
  • {{CSSxRef("align-items")}}
  • {{CSSxRef("align-self")}}
  • {{CSSxRef("alignment-baseline")}}
  • {{CSSxRef("all")}} (shorthand)
  • {{CSSxRef("anchor-name")}}
  • {{CSSxRef("anchor-scope")}}
  • {{CSSxRef("animation-composition")}}
  • {{CSSxRef("animation-delay")}}
  • {{CSSxRef("animation-direction")}}
  • {{CSSxRef("animation-duration")}}
  • {{CSSxRef("animation-fill-mode")}}
  • {{CSSxRef("animation-iteration-count")}}
  • {{CSSxRef("animation-name")}}
  • {{CSSxRef("animation-play-state")}}
  • {{CSSxRef("animation-range-end")}}
  • {{CSSxRef("animation-range-start")}}
  • {{CSSxRef("animation-range")}} (shorthand)
  • {{CSSxRef("animation-timeline")}}
  • {{CSSxRef("animation-timing-function")}}
  • {{CSSxRef("animation")}} (shorthand)
  • {{CSSxRef("appearance")}}
  • {{CSSxRef("aspect-ratio")}}

B

  • {{CSSxRef("backdrop-filter")}}
  • {{CSSxRef("backface-visibility")}}
  • {{CSSxRef("background-attachment")}}
  • {{CSSxRef("background-blend-mode")}}
  • {{CSSxRef("background-clip")}}
  • {{CSSxRef("background-color")}}
  • {{CSSxRef("background-image")}}
  • {{CSSxRef("background-origin")}}
  • {{CSSxRef("background-position-x")}}
  • {{CSSxRef("background-position-y")}}
  • {{CSSxRef("background-position")}}
  • {{CSSxRef("background-repeat")}}
  • {{CSSxRef("background-size")}}
  • {{CSSxRef("background")}} (shorthand)
  • {{CSSxRef("baseline-source")}}
  • {{CSSxRef("block-size")}}

Border-*

  • {{CSSxRef("border-block-color")}}
  • {{CSSxRef("border-block-end-color")}}
  • {{CSSxRef("border-block-end-style")}}
  • {{CSSxRef("border-block-end-width")}}
  • {{CSSxRef("border-block-end")}} (shorthand)
  • {{CSSxRef("border-block-start-color")}}
  • {{CSSxRef("border-block-start-style")}}
  • {{CSSxRef("border-block-start-width")}}
  • {{CSSxRef("border-block-start")}} (shorthand)
  • {{CSSxRef("border-block-style")}}
  • {{CSSxRef("border-block-width")}}
  • {{CSSxRef("border-block")}} (shorthand)
  • {{CSSxRef("border-bottom-color")}}
  • {{CSSxRef("border-bottom-left-radius")}}
  • {{CSSxRef("border-bottom-right-radius")}}
  • {{CSSxRef("border-bottom-style")}}
  • {{CSSxRef("border-bottom-width")}}
  • {{CSSxRef("border-bottom")}} (shorthand)
  • {{CSSxRef("border-collapse")}}
  • {{CSSxRef("border-color")}} (shorthand)
  • {{CSSxRef("border-end-end-radius")}}
  • {{CSSxRef("border-end-start-radius")}}
  • {{CSSxRef("border-image-outset")}}
  • {{CSSxRef("border-image-repeat")}}
  • {{CSSxRef("border-image-slice")}}
  • {{CSSxRef("border-image-source")}}
  • {{CSSxRef("border-image-width")}}
  • {{CSSxRef("border-image")}} (shorthand)
  • {{CSSxRef("border-inline-color")}}
  • {{CSSxRef("border-inline-end-color")}}
  • {{CSSxRef("border-inline-end-style")}}
  • {{CSSxRef("border-inline-end-width")}}
  • {{CSSxRef("border-inline-end")}} (shorthand)
  • {{CSSxRef("border-inline-start-color")}}
  • {{CSSxRef("border-inline-start-style")}}
  • {{CSSxRef("border-inline-start-width")}}
  • {{CSSxRef("border-inline-start")}} (shorthand)
  • {{CSSxRef("border-inline-style")}}
  • {{CSSxRef("border-inline-width")}}
  • {{CSSxRef("border-inline")}} (shorthand)
  • {{CSSxRef("border-left-color")}}
  • {{CSSxRef("border-left-style")}}
  • {{CSSxRef("border-left-width")}}
  • {{CSSxRef("border-left")}} (shorthand)
  • {{CSSxRef("border-radius")}} (shorthand)
  • {{CSSxRef("border-right-color")}}
  • {{CSSxRef("border-right-style")}}
  • {{CSSxRef("border-right-width")}}
  • {{CSSxRef("border-right")}} (shorthand)
  • {{CSSxRef("border-spacing")}}
  • {{CSSxRef("border-start-end-radius")}}
  • {{CSSxRef("border-start-start-radius")}}
  • {{CSSxRef("border-style")}} (shorthand)
  • {{CSSxRef("border-top-color")}}
  • {{CSSxRef("border-top-left-radius")}}
  • {{CSSxRef("border-top-right-radius")}}
  • {{CSSxRef("border-top-style")}}
  • {{CSSxRef("border-top-width")}}
  • {{CSSxRef("border-top")}} (shorthand)
  • {{CSSxRef("border-width")}} (shorthand)
  • {{CSSxRef("border")}} (shorthand)

B - C

  • {{CSSxRef("bottom")}}
  • {{CSSxRef("box-align")}}
  • {{CSSxRef("box-decoration-break")}}
  • {{CSSxRef("box-direction")}}
  • {{CSSxRef("box-flex-group")}}
  • {{CSSxRef("box-flex")}}
  • {{CSSxRef("box-lines")}}
  • {{CSSxRef("box-ordinal-group")}}
  • {{CSSxRef("box-orient")}}
  • {{CSSxRef("box-pack")}}
  • {{CSSxRef("box-shadow")}}
  • {{CSSxRef("box-sizing")}}
  • {{CSSxRef("break-after")}}
  • {{CSSxRef("break-before")}}
  • {{CSSxRef("break-inside")}}
  • {{CSSxRef("caption-side")}}
  • {{CSSxRef("caret-animation")}}
  • {{CSSxRef("caret-color")}}
  • {{CSSxRef("caret-shape")}}
  • {{CSSxRef("caret")}} (shorthand)
  • {{CSSxRef("clear")}}
  • {{CSSxRef("clip-path")}}
  • {{CSSxRef("clip-rule")}}
  • {{CSSxRef("clip")}}
  • {{CSSxRef("color-interpolation-filters")}}
  • {{CSSxRef("color-interpolation")}}
  • {{CSSxRef("color-scheme")}}
  • {{CSSxRef("color")}}
  • {{CSSxRef("column-count")}}
  • {{CSSxRef("column-fill")}}
  • {{CSSxRef("column-gap")}}
  • {{CSSxRef("column-rule-color")}}
  • {{CSSxRef("column-rule-style")}}
  • {{CSSxRef("column-rule-width")}}
  • {{CSSxRef("column-rule")}} (shorthand)
  • {{CSSxRef("column-span")}}
  • {{CSSxRef("column-width")}}
  • {{CSSxRef("columns")}} (shorthand)
  • {{CSSxRef("contain-intrinsic-block-size")}}
  • {{CSSxRef("contain-intrinsic-height")}}
  • {{CSSxRef("contain-intrinsic-inline-size")}}
  • {{CSSxRef("contain-intrinsic-size")}} (shorthand)
  • {{CSSxRef("contain-intrinsic-width")}}
  • {{CSSxRef("contain")}}
  • {{CSSxRef("container-name")}}
  • {{CSSxRef("container-type")}}
  • {{CSSxRef("container")}} (shorthand)
  • {{CSSxRef("content-visibility")}}
  • {{CSSxRef("content")}}
  • {{CSSxRef("corner-block-end-shape")}}
  • {{CSSxRef("corner-block-start-shape")}}
  • {{CSSxRef("corner-bottom-left-shape")}}
  • {{CSSxRef("corner-bottom-right-shape")}}
  • {{CSSxRef("corner-bottom-shape")}} (shorthand)
  • {{CSSxRef("corner-end-end-shape")}}
  • {{CSSxRef("corner-end-start-shape")}}
  • {{CSSxRef("corner-inline-end-shape")}}
  • {{CSSxRef("corner-inline-start-shape")}}
  • {{CSSxRef("corner-left-shape")}} (shorthand)
  • {{CSSxRef("corner-right-shape")}} (shorthand)
  • {{CSSxRef("corner-shape")}} (shorthand)
  • {{CSSxRef("corner-start-end-shape")}}
  • {{CSSxRef("corner-start-start-shape")}}
  • {{CSSxRef("corner-top-left-shape")}}
  • {{CSSxRef("corner-top-right-shape")}}
  • {{CSSxRef("corner-top-shape")}} (shorthand)
  • {{CSSxRef("counter-increment")}}
  • {{CSSxRef("counter-reset")}}
  • {{CSSxRef("counter-set")}}
  • {{CSSxRef("cursor")}}
  • {{CSSxRef("cx")}}
  • {{CSSxRef("cy")}}

D - F

  • {{CSSxRef("d")}}
  • {{CSSxRef("direction")}}
  • {{CSSxRef("display")}}
  • {{CSSxRef("dominant-baseline")}}
  • {{CSSxRef("dynamic-range-limit")}}
  • {{CSSxRef("empty-cells")}}
  • {{CSSxRef("field-sizing")}}
  • {{CSSxRef("fill-opacity")}}
  • {{CSSxRef("fill-rule")}}
  • {{CSSxRef("fill")}}
  • {{CSSxRef("filter")}}
  • {{CSSxRef("flex-basis")}}
  • {{CSSxRef("flex-direction")}}
  • {{CSSxRef("flex-flow")}} (shorthand)
  • {{CSSxRef("flex-grow")}}
  • {{CSSxRef("flex-shrink")}}
  • {{CSSxRef("flex-wrap")}}
  • {{CSSxRef("flex")}} (shorthand)
  • {{CSSxRef("float")}}
  • {{CSSxRef("flood-color")}}
  • {{CSSxRef("flood-opacity")}}
  • {{CSSxRef("font-family")}}
  • {{CSSxRef("font-feature-settings")}}
  • {{CSSxRef("font-kerning")}}
  • {{CSSxRef("font-language-override")}}
  • {{CSSxRef("font-optical-sizing")}}
  • {{CSSxRef("font-palette")}}
  • {{CSSxRef("font-size-adjust")}}
  • {{CSSxRef("font-size")}}
  • {{CSSxRef("font-smooth")}}
  • {{CSSxRef("font-stretch")}}
  • {{CSSxRef("font-style")}}
  • {{CSSxRef("font-synthesis-position")}}
  • {{CSSxRef("font-synthesis-small-caps")}}
  • {{CSSxRef("font-synthesis-style")}}
  • {{CSSxRef("font-synthesis-weight")}}
  • {{CSSxRef("font-synthesis")}} (shorthand)
  • {{CSSxRef("font-variant-alternates")}}
  • {{CSSxRef("font-variant-caps")}}
  • {{CSSxRef("font-variant-east-asian")}}
  • {{CSSxRef("font-variant-emoji")}}
  • {{CSSxRef("font-variant-ligatures")}}
  • {{CSSxRef("font-variant-numeric")}}
  • {{CSSxRef("font-variant-position")}}
  • {{CSSxRef("font-variant")}} (shorthand)
  • {{CSSxRef("font-variation-settings")}}
  • {{CSSxRef("font-weight")}}
  • {{CSSxRef("font")}} (shorthand)
  • {{CSSxRef("forced-color-adjust")}}

G - I

  • {{CSSxRef("gap")}} (shorthand)
  • {{CSSxRef("grid-area")}} (shorthand)
  • {{CSSxRef("grid-auto-columns")}}
  • {{CSSxRef("grid-auto-flow")}}
  • {{CSSxRef("grid-auto-rows")}}
  • {{CSSxRef("grid-column-end")}}
  • {{CSSxRef("grid-column-start")}}
  • {{CSSxRef("grid-column")}} (shorthand)
  • {{CSSxRef("grid-row-end")}}
  • {{CSSxRef("grid-row-start")}}
  • {{CSSxRef("grid-row")}} (shorthand)
  • {{CSSxRef("grid-template-areas")}}
  • {{CSSxRef("grid-template-columns")}}
  • {{CSSxRef("grid-template-rows")}}
  • {{CSSxRef("grid-template")}} (shorthand)
  • {{CSSxRef("grid")}} (shorthand)
  • {{CSSxRef("hanging-punctuation")}}
  • {{CSSxRef("height")}}
  • {{CSSxRef("hyphenate-character")}}
  • {{CSSxRef("hyphenate-limit-chars")}}
  • {{CSSxRef("hyphens")}}
  • {{CSSxRef("image-orientation")}}
  • {{CSSxRef("image-rendering")}}
  • {{CSSxRef("image-resolution")}}
  • {{CSSxRef("initial-letter")}}
  • {{CSSxRef("inline-size")}}
  • {{CSSxRef("inset-block-end")}}
  • {{CSSxRef("inset-block-start")}}
  • {{CSSxRef("inset-block")}} (shorthand)
  • {{CSSxRef("inset-block")}} (shorthand)
  • {{CSSxRef("inset-inline-end")}}
  • {{CSSxRef("inset-inline-start")}}
  • {{CSSxRef("inset-inline")}} (shorthand)
  • {{CSSxRef("inset-inline")}} (shorthand)
  • {{CSSxRef("inset")}} (shorthand)
  • {{CSSxRef("inset")}} (shorthand)
  • {{CSSxRef("interactivity")}}
  • {{CSSxRef("interest-delay")}}
  • {{CSSxRef("interest-delay-end")}}
  • {{CSSxRef("interest-delay-start")}}
  • {{CSSxRef("interpolate-size")}}
  • {{CSSxRef("isolation")}}

J - M

  • {{CSSxRef("justify-content")}}
  • {{CSSxRef("justify-items")}}
  • {{CSSxRef("justify-self")}}
  • {{CSSxRef("left")}}
  • {{CSSxRef("letter-spacing")}}
  • {{CSSxRef("lighting-color")}}
  • {{CSSxRef("line-break")}}
  • {{CSSxRef("line-clamp")}}
  • {{CSSxRef("line-height-step")}}
  • {{CSSxRef("line-height")}}
  • {{CSSxRef("list-style-image")}}
  • {{CSSxRef("list-style-position")}}
  • {{CSSxRef("list-style-type")}}
  • {{CSSxRef("list-style")}} (shorthand)
  • {{CSSxRef("list-style")}} (shorthand)
  • {{CSSxRef("margin-block-end")}}
  • {{CSSxRef("margin-block-start")}}
  • {{CSSxRef("margin-block")}} (shorthand)
  • {{CSSxRef("margin-bottom")}}
  • {{CSSxRef("margin-inline-end")}}
  • {{CSSxRef("margin-inline-start")}}
  • {{CSSxRef("margin-inline")}} (shorthand)
  • {{CSSxRef("margin-left")}}
  • {{CSSxRef("margin-right")}}
  • {{CSSxRef("margin-top")}}
  • {{CSSxRef("margin-trim")}}
  • {{CSSxRef("margin")}} (shorthand)
  • {{CSSxRef("marker-end")}}
  • {{CSSxRef("marker-mid")}}
  • {{CSSxRef("marker-start")}}
  • {{CSSxRef("marker")}}
  • {{CSSxRef("mask-border-mode")}}
  • {{CSSxRef("mask-border-outset")}}
  • {{CSSxRef("mask-border-repeat")}}
  • {{CSSxRef("mask-border-slice")}}
  • {{CSSxRef("mask-border-source")}}
  • {{CSSxRef("mask-border-width")}}
  • {{CSSxRef("mask-border")}} (shorthand)
  • {{CSSxRef("mask-clip")}}
  • {{CSSxRef("mask-composite")}}
  • {{CSSxRef("mask-image")}}
  • {{CSSxRef("mask-mode")}}
  • {{CSSxRef("mask-origin")}}
  • {{CSSxRef("mask-position")}}
  • {{CSSxRef("mask-repeat")}}
  • {{CSSxRef("mask-size")}}
  • {{CSSxRef("mask-type")}}
  • {{CSSxRef("mask")}} (shorthand)
  • {{CSSxRef("math-depth")}}
  • {{CSSxRef("math-shift")}}
  • {{CSSxRef("math-style")}}
  • {{CSSxRef("max-block-size")}}
  • {{CSSxRef("max-height")}}
  • {{CSSxRef("max-inline-size")}}
  • {{CSSxRef("max-width")}}
  • {{CSSxRef("min-block-size")}}
  • {{CSSxRef("min-height")}}
  • {{CSSxRef("min-inline-size")}}
  • {{CSSxRef("min-width")}}
  • {{CSSxRef("mix-blend-mode")}}

O - P

  • {{CSSxRef("object-fit")}}
  • {{CSSxRef("object-position")}}
  • {{CSSxRef("object-view-box")}}
  • {{CSSxRef("offset-anchor")}}
  • {{CSSxRef("offset-distance")}}
  • {{CSSxRef("offset-path")}}
  • {{CSSxRef("offset-position")}}
  • {{CSSxRef("offset-rotate")}}
  • {{CSSxRef("offset")}} (shorthand)
  • {{CSSxRef("opacity")}}
  • {{CSSxRef("order")}}
  • {{CSSxRef("orphans")}}
  • {{CSSxRef("outline-color")}}
  • {{CSSxRef("outline-offset")}}
  • {{CSSxRef("outline-style")}}
  • {{CSSxRef("outline-width")}}
  • {{CSSxRef("outline")}} (shorthand)
  • {{CSSxRef("overflow-anchor")}}
  • {{CSSxRef("overflow-block")}}
  • {{CSSxRef("overflow-clip-margin")}}
  • {{CSSxRef("overflow-inline")}}
  • {{CSSxRef("overflow-wrap")}}
  • {{CSSxRef("overflow-x")}}
  • {{CSSxRef("overflow-y")}}
  • {{CSSxRef("overflow")}} (shorthand)
  • {{CSSxRef("overlay")}}
  • {{CSSxRef("overscroll-behavior-block")}}
  • {{CSSxRef("overscroll-behavior-inline")}}
  • {{CSSxRef("overscroll-behavior-x")}}
  • {{CSSxRef("overscroll-behavior-y")}}
  • {{CSSxRef("overscroll-behavior")}} (shorthand)
  • {{CSSxRef("padding-block-end")}}
  • {{CSSxRef("padding-block-start")}}
  • {{CSSxRef("padding-block")}} (shorthand)
  • {{CSSxRef("padding-bottom")}}
  • {{CSSxRef("padding-inline-end")}}
  • {{CSSxRef("padding-inline-start")}}
  • {{CSSxRef("padding-inline")}} (shorthand)
  • {{CSSxRef("padding-left")}}
  • {{CSSxRef("padding-right")}}
  • {{CSSxRef("padding-top")}}
  • {{CSSxRef("padding")}} (shorthand)
  • {{CSSxRef("page-break-after")}}
  • {{CSSxRef("page-break-before")}}
  • {{CSSxRef("page-break-inside")}}
  • {{CSSxRef("page")}}
  • {{CSSxRef("paint-order")}}
  • {{CSSxRef("perspective-origin")}}
  • {{CSSxRef("perspective")}}
  • {{CSSxRef("place-content")}} (shorthand)
  • {{CSSxRef("place-items")}} (shorthand)
  • {{CSSxRef("place-self")}} (shorthand)
  • {{CSSxRef("pointer-events")}}
  • {{CSSxRef("position-anchor")}}
  • {{CSSxRef("position-area")}}
  • {{CSSxRef("position-try-fallbacks")}}
  • {{CSSxRef("position-try-order")}}
  • {{CSSxRef("position-try")}} (shorthand)
  • {{CSSxRef("position-visibility")}}
  • {{CSSxRef("position")}}
  • {{CSSxRef("print-color-adjust")}}

Q - S

  • {{CSSxRef("quotes")}}
  • {{CSSxRef("r")}}
  • {{CSSxRef("reading-flow")}}
  • {{CSSxRef("reading-order")}}
  • {{CSSxRef("resize")}}
  • {{CSSxRef("right")}}
  • {{CSSxRef("rotate")}}
  • {{CSSxRef("row-gap")}}
  • {{CSSxRef("ruby-align")}}
  • {{CSSxRef("ruby-overhang")}}
  • {{CSSxRef("ruby-position")}}
  • {{CSSxRef("rx")}}
  • {{CSSxRef("ry")}}
  • {{CSSxRef("scale")}}
  • {{CSSxRef("scroll-behavior")}}
  • {{CSSxRef("scroll-margin-block-end")}}
  • {{CSSxRef("scroll-margin-block-start")}}
  • {{CSSxRef("scroll-margin-block")}} (shorthand)
  • {{CSSxRef("scroll-margin-bottom")}}
  • {{CSSxRef("scroll-margin-inline-end")}}
  • {{CSSxRef("scroll-margin-inline-start")}}
  • {{CSSxRef("scroll-margin-inline")}} (shorthand)
  • {{CSSxRef("scroll-margin-left")}}
  • {{CSSxRef("scroll-margin-right")}}
  • {{CSSxRef("scroll-margin-top")}}
  • {{CSSxRef("scroll-margin")}} (shorthand)
  • {{CSSxRef("scroll-marker-group")}}
  • {{CSSxRef("scroll-padding-block-end")}}
  • {{CSSxRef("scroll-padding-block-start")}}
  • {{CSSxRef("scroll-padding-block")}} (shorthand)
  • {{CSSxRef("scroll-padding-bottom")}}
  • {{CSSxRef("scroll-padding-inline-end")}}
  • {{CSSxRef("scroll-padding-inline-start")}}
  • {{CSSxRef("scroll-padding-inline")}} (shorthand)
  • {{CSSxRef("scroll-padding-left")}}
  • {{CSSxRef("scroll-padding-right")}}
  • {{CSSxRef("scroll-padding-top")}}
  • {{CSSxRef("scroll-padding")}} (shorthand)
  • {{CSSxRef("scroll-snap-align")}}
  • {{CSSxRef("scroll-snap-stop")}}
  • {{CSSxRef("scroll-snap-type")}}
  • {{CSSxRef("scroll-target-group")}}
  • {{CSSxRef("scroll-timeline-axis")}}
  • {{CSSxRef("scroll-timeline-name")}}
  • {{CSSxRef("scroll-timeline")}} (shorthand)
  • {{CSSxRef("scrollbar-color")}}
  • {{CSSxRef("scrollbar-gutter")}}
  • {{CSSxRef("scrollbar-width")}}
  • {{CSSxRef("shape-image-threshold")}}
  • {{CSSxRef("shape-margin")}}
  • {{CSSxRef("shape-outside")}}
  • {{CSSxRef("shape-rendering")}}
  • {{CSSxRef("speak-as")}}
  • {{CSSxRef("stop-color")}}
  • {{CSSxRef("stop-opacity")}}
  • {{CSSxRef("stroke-dasharray")}}
  • {{CSSxRef("stroke-dashoffset")}}
  • {{CSSxRef("stroke-linecap")}}
  • {{CSSxRef("stroke-linejoin")}}
  • {{CSSxRef("stroke-miterlimit")}}
  • {{CSSxRef("stroke-opacity")}}
  • {{CSSxRef("stroke-width")}}
  • {{CSSxRef("stroke")}}

T - Z

  • {{CSSxRef("tab-size")}}
  • {{CSSxRef("table-layout")}}
  • {{CSSxRef("text-align-last")}}
  • {{CSSxRef("text-align")}}
  • {{CSSxRef("text-anchor")}}
  • {{CSSxRef("text-autospace")}}
  • {{CSSxRef("text-box-edge")}}
  • {{CSSxRef("text-box-trim")}}
  • {{CSSxRef("text-box")}} (shorthand)
  • {{CSSxRef("text-combine-upright")}}
  • {{CSSxRef("text-decoration-color")}}
  • {{CSSxRef("text-decoration-inset")}}
  • {{CSSxRef("text-decoration-line")}}
  • {{CSSxRef("text-decoration-skip-ink")}}
  • {{CSSxRef("text-decoration-skip")}}
  • {{CSSxRef("text-decoration-style")}}
  • {{CSSxRef("text-decoration-thickness")}}
  • {{CSSxRef("text-decoration")}} (shorthand)
  • {{CSSxRef("text-emphasis-color")}}
  • {{CSSxRef("text-emphasis-position")}}
  • {{CSSxRef("text-emphasis-style")}}
  • {{CSSxRef("text-emphasis")}} (shorthand)
  • {{CSSxRef("text-indent")}}
  • {{CSSxRef("text-justify")}}
  • {{CSSxRef("text-orientation")}}
  • {{CSSxRef("text-overflow")}}
  • {{CSSxRef("text-rendering")}}
  • {{CSSxRef("text-shadow")}}
  • {{CSSxRef("text-size-adjust")}}
  • {{CSSxRef("text-spacing-trim")}}
  • {{CSSxRef("text-transform")}}
  • {{CSSxRef("text-underline-offset")}}
  • {{CSSxRef("text-underline-position")}}
  • {{CSSxRef("text-wrap-mode")}}
  • {{CSSxRef("text-wrap-style")}}
  • {{CSSxRef("text-wrap")}} (shorthand)
  • {{CSSxRef("timeline-scope")}}
  • {{CSSxRef("top")}}
  • {{CSSxRef("touch-action")}}
  • {{CSSxRef("transform-box")}}
  • {{CSSxRef("transform-origin")}}
  • {{CSSxRef("transform-style")}}
  • {{CSSxRef("transform")}}
  • {{CSSxRef("transition-behavior")}}
  • {{CSSxRef("transition-delay")}}
  • {{CSSxRef("transition-duration")}}
  • {{CSSxRef("transition-property")}}
  • {{CSSxRef("transition-timing-function")}}
  • {{CSSxRef("transition")}} (shorthand)
  • {{CSSxRef("translate")}}
  • {{CSSxRef("unicode-bidi")}}
  • {{CSSxRef("user-modify")}}
  • {{CSSxRef("user-select")}}
  • {{CSSxRef("vector-effect")}}
  • {{CSSxRef("vertical-align")}}
  • {{CSSxRef("view-timeline-axis")}}
  • {{CSSxRef("view-timeline-inset")}}
  • {{CSSxRef("view-timeline-name")}}
  • {{CSSxRef("view-timeline")}} (shorthand)
  • {{CSSxRef("view-transition-class")}}
  • {{CSSxRef("view-transition-name")}}
  • {{CSSxRef("visibility")}}
  • {{CSSxRef("white-space-collapse")}}
  • {{CSSxRef("white-space")}}
  • {{CSSxRef("widows")}}
  • {{CSSxRef("width")}}
  • {{CSSxRef("will-change")}}
  • {{CSSxRef("word-break")}}
  • {{CSSxRef("word-spacing")}}
  • {{CSSxRef("writing-mode")}}
  • {{CSSxRef("x")}}
  • {{CSSxRef("y")}}
  • {{CSSxRef("z-index")}}
  • {{CSSxRef("zoom")}}

Non-standard properties

Non-standard vendor-prefixed properties include:

-moz- prefix

  • {{CSSxRef("-moz-float-edge")}}
  • {{CSSxRef("-moz-force-broken-image-icon")}}
  • {{CSSxRef("-moz-orient")}}
  • {{CSSxRef("-moz-user-focus")}}
  • {{CSSxRef("-moz-user-input")}}

-webkit- prefix

  • {{CSSxRef("-webkit-box-reflect")}}
  • {{CSSxRef("-webkit-border-before")}} (shorthand)
  • {{CSSxRef("-webkit-mask-box-image")}} (shorthand)
  • {{CSSxRef("-webkit-mask-composite")}}
  • {{CSSxRef("-webkit-mask-position-x")}}
  • {{CSSxRef("-webkit-mask-position-y")}}
  • {{CSSxRef("-webkit-mask-repeat-x")}}
  • {{CSSxRef("-webkit-mask-repeat-y")}}
  • {{CSSxRef("-webkit-tap-highlight-color")}}
  • {{CSSxRef("-webkit-text-fill-color")}}
  • {{CSSxRef("-webkit-text-security")}}
  • {{CSSxRef("-webkit-text-stroke")}} (shorthand)
  • {{CSSxRef("-webkit-text-stroke-color")}}
  • {{CSSxRef("-webkit-text-stroke-width")}}
  • {{CSSxRef("-webkit-touch-callout")}}

Specifications

{{Specifications}}

See also