CSS Values

all

This is a shorthand property that resets all CSS properties. Value can be one of the following:

  • initial
  • unset
  • inherit

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Since this affects all properties, this property does not have an initial value.

permalink MDN info W3C info

animation

This is a shorthand property. Values represent:

  • [animation-name] [animation-duration] [animation-timing-function] [animation-delay] [animation-iteration-count] [animation-direction] [animation-fill-mode] [animation-play-state]

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

The first value parsed as a valid time value is used as "duration", so if you want to include a time value for "delay", you must first declare a duration. Multiple animations are declared using comma-separated value sets.

permalink MDN info W3C info

keyframes

animation-delay

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of delay values to correspond to the animations identified in animation-name and the matching @keyframes at-rules.

permalink MDN info W3C info

direction

  • ltr
  • rtl

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

animation-direction

  • normal
  • reverse
  • alternate-reverse
  • alternate

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of direction values to correspond to the animations identified in animation-name and the matching @keyframes at-rules.

permalink MDN info W3C info

animation-duration

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of time values to correspond to the animations identified in animation-name and the matching @keyframes at-rules.

permalink MDN info W3C info

animation-fill-mode

  • none
  • forwards
  • both
  • backwards

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of fill mode values to correspond to the animations identified in animation-name and the matching @keyframes at-rules.

permalink MDN info W3C info

animation-iteration-count

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of iteration counts to correspond to the animations identified in animation-name and the matching @keyframes at-rules.

permalink MDN info W3C info

animation-name

  • none
  • [ custom identifier ]

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of animations and must correspond to a name given in any @keyframes at-rule. The "custom identifier" is chosen by the developer, similar to how variable or function names are defined in JavaScript. This custom identifier must match an identifier used in an @keyframes at-rule.

permalink MDN info W3C info

animation-timing-function

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of timing functions to correspond to the animations identified in animation-name and the matching @keyframes at-rules.

permalink MDN info W3C info

animation-play-state

  • running
  • paused

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • 6.1+
  • 2.3+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

Further info on this property:

Accepts a comma-separated list of play state values to correspond to the animations identified in animation-name and the matching @keyframes at-rules.

permalink MDN info W3C info

visibility

  • visible
  • hidden
  • collapse

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

backface-visibility

  • visible
  • hidden

Desktop Browser Support:

  • Yes
  • 10+
  • 10+
  • Yes
  • 15+

Mobile Browser Support:

  • 6.1+
  • 4+
  • Yes
  • Yes
  • Yes
  • 10+
  • 10+

permalink MDN info W3C info

background

This is a shorthand property. Values represent:

  • [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Multiple backgrounds are defined using comma-separated value sets. If a background color is included in the shorthand with multiple backgrounds, it must be declared last after a comma. If background-size is included, it's paired with background-position after a forward slash. If setting both background-origin and background-clip, the first value is background-origin. If one is omitted, both background-origin and background-clip are set to the same value.

permalink MDN info W3C info

multiple multiple-bg

background-attachment

  • scroll
  • local
  • fixed

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

If multiple background images are defined, multiple background-attachment values are declared by comma-separating the values. The value "local" is supported everywhere including IE9+ and Firefox 25+.

permalink MDN info W3C info

color

  • [ initial value depends on the user agent ]
  • <color>

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

background-color

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

clip

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies only to absolutely positioned elements. The lengths can also be <percentage> values.

permalink MDN info W3C info

background-clip

  • border-box
  • padding-box
  • content-box

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

If multiple background images are defined, multiple background-clip values are declared by comma-separating the values.

permalink MDN info W3C info

background-image

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Multiple background images are defined using comma-separated values. URLs can be defined without quotes.

permalink MDN info W3C info More

linear-gradient radial-gradient multiple-bg

background-origin

  • padding-box
  • content-box
  • border-box

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

This property has no effect on background images that have their background-attachment property set to "fixed".

permalink MDN info W3C info

position

  • static
  • sticky
  • relative
  • page
  • fixed
  • center
  • absolute

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

background-position

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

If multiple background images are defined, multiple background-position values are defined using comma-separated value pairs. Keywords represent horizontal offsets (left, center, right) and vertical offsets (top, center, bottom), and can be mixed and matched.

permalink MDN info W3C info

background-repeat

  • repeat
  • space
  • round
  • repeat-y
  • repeat-x
  • repeat no-repeat
  • no-repeat

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Can be any two space-separated values, representing horizontal repeat and vertical repeat. If multiple background images are defined, multiple background-repeat values are defined using comma-separated value sets.

permalink MDN info W3C info

background-size

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

If two values are included, the first value is the width and the second is the height.

permalink MDN info W3C info

border

This is a shorthand property. Values represent:

  • [border-width] [border-style] [border-color]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-collapse

  • separate
  • collapse

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-color

This is a shorthand property that accepts one to four space-separated values.

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

When one or more values are omitted, the existing values are applied to the missing ones. In other words, missing value #3 matches existing value #1 and missing value #4 matches existing value #2.

permalink MDN info W3C info

top

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to positioned elements.

permalink MDN info W3C info

border-top

This is a shorthand property. Values represent:

  • [border-width] [border-style] [border-color]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-top-color

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-right

This is a shorthand property. Values represent:

  • [border-width] [border-style] [border-color]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-right-color

This is a shorthand property. Values represent:

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

bottom

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to positioned elements.

permalink MDN info W3C info

border-bottom

This is a shorthand property. Values represent:

  • [border-width] [border-style] [border-color]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-bottom-color

This is a shorthand property. Values represent:

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

left

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to positioned elements.

permalink MDN info W3C info

border-left

This is a shorthand property. Values represent:

  • [border-width] [border-style] [border-color]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-left-color

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-radius

This is a shorthand property.

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Length values can be mixed with percentage values. When using the "slash" syntax, up to four values can be used before and after the slash. Values before the slash set the horizontal radii while values after the slash set the vertical radii. If one or more values are omitted, the existing values are applied to the missing ones. In other words, missing value #3 matches existing value #1 and missing value #4 matches existing value #2.

permalink MDN info W3C info

border-top-left-radius

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-top-right-radius

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-bottom-left-radius

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-bottom-right-radius

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-image

This is a shorthand property. Values represent:

  • [border-image-source] [border-image-slice] / [border-image-width] [border-image-width] / [border-image-outset] [border-image-repeat]

Desktop Browser Support:

  • Yes
  • Yes
  • 11+
  • 5.1+
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • No
  • Yes

permalink MDN info W3C info

border-image-source

  • none
  • url("path/file.png")

Desktop Browser Support:

  • Yes
  • Yes
  • 11+
  • 6+
  • Yes

Mobile Browser Support:

  • Yes
  • 4.4+
  • Yes
  • Yes
  • Yes
  • No
  • Yes

permalink MDN info W3C info

border-image-slice

  • 100%
  • [ Up to four space-separated <number> or <percentage> values; the optional 'fill' keyword can be included after the other values are declared ]

Desktop Browser Support:

  • Yes
  • Yes
  • 11+
  • 6+
  • Yes

Mobile Browser Support:

  • Yes
  • 4.4+
  • Yes
  • Yes
  • Yes
  • No
  • Yes

permalink MDN info W3C info

width

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-image-width

  • 1
  • [ Up to four space-separated <length>, <percentage>, or <number> values for top, right, bottom, and left; one or more values can be 'auto' ]

Desktop Browser Support:

  • Yes
  • Yes
  • 11+
  • 6+
  • Yes

Mobile Browser Support:

  • Yes
  • 4.4+
  • Yes
  • Yes
  • Yes
  • No
  • Yes

permalink MDN info W3C info

border-image-outset

  • 0
  • [ Up to four space-separated <length> or <number> values defining outsets for top, right, bottom, and left sides ]

Desktop Browser Support:

  • Yes
  • Yes
  • 11+
  • 6+
  • Yes

Mobile Browser Support:

  • Yes
  • 4.4+
  • Yes
  • Yes
  • Yes
  • No
  • Yes

permalink MDN info W3C info

border-image-repeat

  • stretch
  • space
  • round
  • repeat

Desktop Browser Support:

  • Yes
  • Yes
  • 11+
  • 6+
  • Yes

Mobile Browser Support:

  • Yes
  • 4.4+
  • Yes
  • Yes
  • Yes
  • No
  • Yes

Further info on this property:

Can be two space-separated values representing horizontal and vertical repeating.

permalink MDN info W3C info

border-spacing

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to table cells. If two values are declared, the first value is the horizontal spacing and second is vertical.

permalink MDN info W3C info

border-style

This is a shorthand property that accepts one to four values.

  • none
  • solid
  • ridge
  • outset
  • inset
  • hidden
  • groove
  • double
  • dotted
  • dashed

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

When one or more values are omitted, the existing values are applied to the missing ones. In other words, missing value #3 matches existing value #1 and missing value #4 matches existing value #2.

permalink MDN info W3C info

border-top-style

  • none
  • solid
  • ridge
  • outset
  • inset
  • hidden
  • groove
  • double
  • dotted
  • dashed

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-right-style

  • none
  • solid
  • ridge
  • outset
  • inset
  • hidden
  • groove
  • double
  • dotted
  • dashed

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-bottom-style

  • none
  • solid
  • ridge
  • outset
  • inset
  • hidden
  • groove
  • double
  • dotted
  • dashed

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-left-style

  • none
  • solid
  • ridge
  • outset
  • inset
  • hidden
  • groove
  • double
  • dotted
  • dashed

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-width

This is a shorthand property that accepts one to four values.

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

When one or more values are omitted, the existing values are applied to the missing ones. In other words, missing value #3 matches existing value #1 and missing value #4 matches existing value #2.

permalink MDN info W3C info

border-top-width

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-right-width

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-bottom-width

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

border-left-width

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

box-decoration-break

  • slice
  • clone

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

box-shadow

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

The "inset" keyword is optional. The <length> values are horizontal offset, vertical offset, blur and spread. Multiple shadows are applied by comma-separating value sets.

permalink MDN info W3C info

box-sizing

  • content-box
  • padding-box
  • border-box

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Firefox is the only browser that supports the padding-box value.

permalink MDN info W3C info

break-before

  • auto
  • right
  • page
  • left
  • column
  • avoid-page
  • avoid-column
  • avoid
  • always

Desktop Browser Support:

  • No
  • No
  • 10+
  • No
  • Yes

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • No
  • ?
  • No

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

break-after

  • auto
  • right
  • page
  • left
  • column
  • avoid-page
  • avoid-column
  • avoid
  • always

Desktop Browser Support:

  • No
  • No
  • 10+
  • No
  • Yes

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • No
  • ?
  • No

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

break-inside

  • auto
  • avoid-page
  • avoid-column
  • avoid

Desktop Browser Support:

  • No
  • No
  • 10+
  • No
  • Yes

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • No
  • ?
  • No

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

caption-side

  • top
  • bottom

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Applies to caption elements on HTML tables. Firefox additionally supports the non-standard "left" and "right" values.

permalink MDN info W3C info

clear

  • none
  • right
  • left
  • both

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

clear-after

  • none
  • top
  • start
  • right
  • outside
  • left
  • inside
  • end
  • descendants
  • bottom
  • both

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

column-fill

  • balance
  • auto

Desktop Browser Support:

  • No
  • No
  • 10+
  • No
  • Yes

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-span

  • none
  • all

Desktop Browser Support:

  • Yes
  • No
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-width

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-count

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-gap

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-rule

This is a shorthand property. Values represent:

  • [column-rule-width] [column-rule-style] [column-rule-color]

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-rule-color

  • [ Initial value depends on the user agent ]
  • <color>

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-rule-style

  • none
  • solid
  • ridge
  • outset
  • inset
  • hidden
  • groove
  • double
  • dotted
  • dashed

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

column-rule-width

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

columns

This is a shorthand property. Values represent:

  • [column-width] [column-count]

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS3 multiple columns.

permalink MDN info W3C info

content

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to :before and :after pseudo-elements.

permalink MDN info W3C info More

counter-increment

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS counters.

permalink MDN info W3C info

counter-reset

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS counters.

permalink MDN info W3C info

cursor

  • auto
  • zoom-out
  • zoom-in
  • wait
  • w-resize
  • vertical-text
  • url("path/file.png")
  • text
  • sw-resize
  • se-resize
  • s-resize
  • row-resize
  • progress
  • pointer
  • nwse-resize
  • nw-resize
  • ns-resize
  • not-allowed
  • none
  • no-drop
  • nesw-resize
  • ne-resize
  • n-resize
  • move
  • help
  • ew-resize
  • e-resize
  • default
  • crosshair
  • copy
  • context-menu
  • col-resize
  • cell
  • all-scroll
  • alias

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • n/a+
  • n/a+
  • +
  • n/a+
  • n/a+
  • n/a+
  • n/a+

Further info on this property:

Not applicable to mobile browsers. Support for the values varies wildly. See the MDN link for full details. A URL value can take optional x and y <number> coordinates.

permalink MDN info W3C info

display

  • inline
  • table-row-group
  • table-row
  • table-header-group
  • table-footer-group
  • table-column-group
  • table-column
  • table-cell
  • table-caption
  • table
  • run-in
  • run-in
  • none
  • list-item
  • inline-table
  • inline-flex
  • inline-block
  • flex
  • container
  • compact
  • block

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Also accepts ruby-specific values. Support for newer values varies wildly (e.g. depending on support for flexbox or table-based display features).

permalink MDN info W3C info

empty-cells

  • show
  • hide

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

float

  • none
  • right
  • left

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

flex

This is a shorthand property. The first value shows the represented properties:

  • [flex-grow] [flex-shrink] [flex-basis]
  • none

Desktop Browser Support:

  • 21+
  • 20+
  • 10+
  • 6.1+
  • Yes

Mobile Browser Support:

  • 7+
  • 4.4+
  • +
  • Yes
  • No
  • No
  • 10+

Further info on this property:

Part of CSS3 flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

flex-direction

  • row
  • row-reverse
  • column-reverse
  • column

Desktop Browser Support:

  • 21+
  • 20+
  • No
  • No
  • Yes

Mobile Browser Support:

  • 7+
  • 4.4+
  • +
  • Yes
  • No
  • No
  • 10+

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

flex-wrap

  • nowrap
  • wrap-reverse
  • wrap

Desktop Browser Support:

  • 21+
  • 28+
  • 11+
  • 6.1+
  • Yes

Mobile Browser Support:

  • 7+
  • 4.4+
  • +
  • Yes
  • 28+
  • 11+
  • 10+

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

flex-flow

This is a shorthand property. Values represent:

  • [flex-direction] [flex-wrap]

Desktop Browser Support:

  • 21+
  • 28+
  • No
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • Yes
  • 28+
  • No
  • 10+

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

flex-grow

Desktop Browser Support:

  • 21+
  • 20+
  • No
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • Yes
  • ?
  • No
  • 10+

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

flex-shrink

Desktop Browser Support:

  • 21+
  • 20+
  • No
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • Yes
  • ?
  • No
  • 10+

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

flex-basis

Desktop Browser Support:

  • 21+
  • 22+
  • No
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • Yes
  • ?
  • No
  • 10+

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

justify-content

  • flex-start
  • space-between
  • space-around
  • flex-end
  • center

Desktop Browser Support:

  • 21+
  • 20+
  • No
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • Yes
  • ?
  • No
  • 10+

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

align-items

  • stretch
  • flex-start
  • flex-end
  • center
  • baseline

Desktop Browser Support:

  • 21+
  • 20+
  • 11+
  • 7+
  • Yes

Mobile Browser Support:

  • 7+
  • 4.4+
  • +
  • ?
  • ?
  • No
  • ?

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

align-self

  • auto
  • stretch
  • flex-start
  • flex-end
  • center
  • baseline

Desktop Browser Support:

  • 21+
  • 20+
  • No
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • ?
  • ?
  • No
  • ?

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

align-content

  • stretch
  • space-between
  • space-around
  • flex-start
  • flex-end
  • center

Desktop Browser Support:

  • 21+
  • 28+
  • No
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • ?
  • 28+
  • No
  • ?

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

order

Desktop Browser Support:

  • 21+
  • 20+
  • 10+
  • No
  • Yes

Mobile Browser Support:

  • No
  • ?
  • +
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Part of CSS flex box. Support for flex box features varies wildly. See Can I Use... or MDN for more info on specific support.

permalink MDN info W3C info

font

This is a shorthand property. Values represent:

  • [font-style] [font-variant] [font-weight] [font-stretch] [font-size] / [line-height] [font-family]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

For info on the order of values, mandatory values, etc., see this cheat sheet.

permalink MDN info W3C info

font-family

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Font stacks are created by comma-separating font names. A final <generic-family> is recommended.

permalink MDN info W3C info

font-size

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

font-stretch

  • normal
  • ultra-expanded
  • ultra-condensed
  • semi-expanded
  • semi-condensed
  • extra-expanded
  • extra-condensed
  • expanded
  • condensed

Desktop Browser Support:

  • No
  • Yes
  • 9+
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • ?
  • Yes
  • ?
  • ?

permalink MDN info W3C info

font-size-adjust

Desktop Browser Support:

  • No
  • Yes
  • No
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • Yes
  • No
  • No

permalink MDN info W3C info

font-synthesis

  • weight style
  • weight
  • style
  • none

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

font-kerning

  • auto
  • normal
  • none

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

font-variant

  • normal
  • unicase
  • titling-caps
  • small-caps
  • petite-caps
  • all-small-caps
  • all-petite-caps

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

This property is now a shorthand covering a number of font feature properties. Not all possible values are shown here.

permalink MDN info W3C info

font-variant-caps

  • normal
  • unicase
  • titling-caps
  • small-caps
  • petite-caps
  • all-small-caps
  • all-petite-caps

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

font-style

  • normal
  • oblique
  • italic

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

font-weight

  • normal
  • lighter
  • bolder
  • bold
  • 900
  • 800
  • 700
  • 600
  • 500
  • 400
  • 300
  • 200
  • 100

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

hanging-punctuation

  • none
  • last force-end
  • last allow-end
  • last
  • force-end
  • first force-end
  • first allow-end
  • first
  • allow-end

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

height

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

hyphens

  • manual
  • none
  • auto

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • No

Mobile Browser Support:

  • Yes
  • 4+
  • No
  • Yes
  • Yes
  • No
  • ?

Further info on this property:

Browser support has a number of quirks and exceptions. See MDN link for details.

permalink MDN info W3C info

icon

  • auto
  • [ One or more comma separated <url> values ]

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

image-resolution

  • 1dppx
  • from-image

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Also accepts an optional "snap" keyword.

permalink MDN info W3C info

image-orientation

Desktop Browser Support:

  • No
  • 26+
  • No
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • 26+
  • No
  • No

permalink MDN info W3C info

letter-spacing

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Can be up to three values representing optimum, minimum, and maximum spacing. If two values are used, the first represents optimum and minimum. If one value is used, it represents all three.

permalink MDN info W3C info

line-break

  • auto
  • strict
  • normal
  • loose

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

line-height

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

list-style

This is a shorthand property. Values represent:

  • [list-style-type] [list-style-position] [list-style-image]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to HTML list elements.

permalink MDN info W3C info

list-style-image

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to HTML list elements.

permalink MDN info W3C info

list-style-position

  • outside
  • inside

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to HTML list elements.

permalink MDN info W3C info

list-style-type

  • disc
  • upper-roman
  • upper-latin
  • upper-alpha
  • square
  • none
  • lower-roman
  • lower-latin
  • lower-greek
  • lower-alpha
  • georgian
  • decimal-leading-zero
  • decimal
  • circle
  • armenian

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to HTML list elements.

permalink MDN info W3C info

margin

This is a shorthand property. Values represent:

  • [margin-top] [margin-right] [margin-bottom] [margin-left]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

When one or more values are omitted, the existing values are applied to the missing ones. In other words, missing value #3 matches existing value #1 and missing value #4 matches existing value #2.

permalink MDN info W3C info

margin-left

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

margin-right

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

margin-top

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

margin-bottom

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

max-height

Desktop Browser Support:

  • Yes
  • Yes
  • 7+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

max-width

Desktop Browser Support:

  • Yes
  • Yes
  • 7+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

min-height

Desktop Browser Support:

  • Yes
  • Yes
  • 7+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

min-width

Desktop Browser Support:

  • Yes
  • Yes
  • 7+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

object-fit

  • fill
  • scale-down
  • none
  • cover
  • contain

Desktop Browser Support:

  • 32+
  • No
  • No
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • No
  • No
  • No

permalink MDN info W3C info

object-position

Desktop Browser Support:

  • 32+
  • No
  • No
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • No
  • No
  • No

Further info on this property:

Keywords represent horizontal offsets (left, center, right) and vertical offsets (top, center, bottom), and can be mixed and matched.

permalink MDN info W3C info

opacity

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

The same feature can be emulated in IE6-8 using non-standard filters. See this post for details.

permalink MDN info W3C info

orphans

Desktop Browser Support:

  • 25+
  • No
  • 8+
  • No
  • Yes

Mobile Browser Support:

  • No
  • 25+
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Part of CSS paged media.

permalink MDN info W3C info

outline

This is a shorthand property. Values represent:

  • [outline-color] [outline-style] [outline-width]

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

outline-color

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Support for the invert keyword is sketchy. See MDN link for details.

permalink MDN info W3C info

outline-offset

Desktop Browser Support:

  • Yes
  • Yes
  • No
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

outline-style

  • none
  • solid
  • ridge
  • outset
  • inset
  • groove
  • double
  • dotted
  • dashed
  • auto

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

outline-width

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

overflow

  • visible
  • scroll
  • hidden
  • auto

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

overflow-x

  • visible
  • scroll
  • hidden
  • auto

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

overflow-y

  • visible
  • scroll
  • hidden
  • auto

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

overflow-wrap

  • normal
  • break-word

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Full browser support is attained by using the alternate syntax word-wrap.

permalink MDN info W3C info

padding

This is a shorthand property. Values represent:

  • [padding-top] [padding-right] [padding-bottom] [padding-left]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

When one or more values are omitted, the existing values are applied to the missing ones. In other words, missing value #3 matches existing value #1 and missing value #4 matches existing value #2.

permalink MDN info W3C info

padding-top

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

padding-bottom

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

padding-left

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

padding-right

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

page-break-after

  • auto
  • right
  • left
  • avoid
  • always

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Part of CSS paged media.

permalink MDN info W3C info

page-break-before

  • auto
  • right
  • left
  • avoid
  • always

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Part of CSS paged media.

permalink MDN info W3C info

page-break-inside

  • auto
  • avoid

Desktop Browser Support:

  • Yes
  • 19+
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • 19+
  • ?
  • ?

Further info on this property:

Part of CSS paged media.

permalink MDN info W3C info

perspective

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • 15+

Mobile Browser Support:

  • Yes
  • 3+
  • No
  • Yes
  • Yes
  • 10+
  • Yes

Further info on this property:

Part of 3D transforms.

permalink MDN info W3C info

perspective-origin

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • 15+

Mobile Browser Support:

  • Yes
  • 3+
  • No
  • Yes
  • Yes
  • 10+
  • Yes

Further info on this property:

Part of 3D transforms. Can be up to two space-separated values, for horizontal and vertical offsets.

permalink MDN info W3C info

pointer-events

  • auto
  • none

Desktop Browser Support:

  • Yes
  • Yes
  • 11+
  • 4+
  • 15+

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • No
  • Yes

Further info on this property:

The spec defines eight other values that apply only to SVG elements.

permalink MDN info W3C info

quotes

Desktop Browser Support:

  • Yes
  • Yes
  • 8+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Used along with :before and :after pseudo-elements.

permalink MDN info W3C info

resize

  • none
  • vertical
  • horizontal
  • both

Desktop Browser Support:

  • Yes
  • Yes
  • No
  • 7+
  • 17+

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • Yes
  • No
  • No

permalink MDN info W3C info

tab-size

Desktop Browser Support:

  • Yes
  • 25+
  • No
  • 7+
  • 17+

Mobile Browser Support:

  • 7+
  • 4.4+
  • Yes
  • Yes
  • Yes
  • No
  • Yes

permalink MDN info W3C info

table-layout

  • auto
  • fixed

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to HTML table elements.

permalink MDN info W3C info

text-align

  • [ Initial value depends on the writing direction (ltr or rtl) ]
  • start end
  • start
  • right
  • match-parent
  • left
  • justify
  • end
  • center
  • <string>

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

The <string> value must be a single character.

permalink MDN info W3C info

text-align-last

  • auto
  • start
  • right
  • left
  • justify
  • end
  • center

Desktop Browser Support:

  • No
  • Yes
  • Yes
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • Yes
  • Yes
  • ?

permalink MDN info W3C info

text-decoration

This is a shorthand property. Values represent:

  • [text-decoration-line] [text-decoration-style] [text-decoration-color]

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

text-decoration-line

  • none
  • underline
  • overline
  • line-through
  • blink

Desktop Browser Support:

  • No
  • Yes
  • No
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • Yes
  • No
  • No

Further info on this property:

Allows multiple values to be applied to a single element by space-separating the values. The "blink" value is now deprecated in favor of CSS animations for the same effect.

permalink MDN info W3C info

text-decoration-skip

  • none
  • spaces
  • objects
  • ink
  • edges
  • box-decoration
  • box-decoration

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

Allows multiple values to be applied to a single element by space-separating the values.

permalink MDN info W3C info

text-underline-position

  • auto
  • under right
  • under left
  • under
  • right
  • left

Desktop Browser Support:

  • No
  • No
  • Yes
  • No
  • No

Mobile Browser Support:

  • No
  • No
  • No
  • No
  • No
  • ?
  • No

permalink MDN info W3C info

text-decoration-position

text-decoration-style

  • solid
  • wavy
  • double
  • dotted
  • dashed

Desktop Browser Support:

  • Yes
  • Yes
  • No
  • No
  • 15+

Mobile Browser Support:

  • No
  • Yes
  • +
  • Yes
  • Yes
  • No
  • ?

permalink MDN info W3C info

text-emphasis

This is a shorthand property. Values represent:

  • [text-emphasis-style] [text-emphasis-color]

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

This shorthand does not include text-emphasis-position

permalink MDN info W3C info

text-emphasis-style

  • none
  • triangle
  • sesame
  • open
  • filled
  • double-circle
  • dot
  • circle
  • <string>

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

Further info on this property:

The values "filled" and "open" can be combined with any one of the remaining values except "none".

permalink MDN info W3C info

text-emphasis-color

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

text-emphasis-position

  • over right
  • over left
  • below right
  • below left

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

text-indent

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Where <length> is specified along with one or more optional keywords, this can be replaced with <percentage>.

permalink MDN info W3C info

text-justify

  • auto
  • none
  • inter-word
  • distribute

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

text-orientation

  • mixed
  • use-glyph-orientation
  • upright
  • sideways-right
  • sideways-left
  • sideways

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

text-combine-horizontal

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

text-overflow

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • ?
  • ?

Further info on this property:

Accepts up to two space-separated values. The two-value syntax has little browser support.

permalink MDN info W3C info

transform

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • 10+
  • Yes

permalink MDN info W3C info

matrix scale rotate skew translate translatex translatey scalex scaley translate3d translatez scale3d scalez rotate3d rotatex rotatey

transform-origin

Desktop Browser Support:

  • Yes
  • Yes
  • 9+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • 10+
  • Yes

Further info on this property:

Can be up to three space-separated values, for horizontal, vertical, and Z position.

permalink MDN info W3C info

transform-style

  • flat
  • preserve-3d

Desktop Browser Support:

  • Yes
  • Yes
  • No
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • No
  • Yes
  • Yes
  • ?
  • Yes

Further info on this property:

Part of 3D transforms.

permalink MDN info W3C info

text-transform

  • none
  • uppercase
  • lowercase
  • full-width
  • capitalize

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

The value full-width is supported only in Firefox (desktop and mobile).

permalink MDN info W3C info

text-shadow

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

The <length> values are horizontal offset, vertical offset, and blur. Multiple shadows are applied by comma-separating value sets.

permalink MDN info W3C info

transition

This is a shorthand property. Values represent:

  • [transition-property] [transition-duration] [transition-timing-function] [transition-delay]

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • 10+
  • Yes

Further info on this property:

Multiple transitions are defined by comma-separating value sets.

permalink MDN info W3C info

transition-property

  • all
  • none
  • [ A comma-separated list of property names ]

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • 10+
  • Yes

permalink MDN info W3C info

transition-timing-function

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • 10+
  • Yes

permalink MDN info W3C info

transition-duration

Desktop Browser Support:

  • Yes
  • Yes
  • 10+
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • 10+
  • Yes

permalink MDN info W3C info

unicode-bidi

  • normal
  • embed
  • bidi-override

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

permalink MDN info W3C info

vertical-align

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies only to inline elements, not the contents of elements.

permalink MDN info W3C info

white-space

  • normal
  • pre-wrap
  • pre-line
  • pre
  • nowrap

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

IE6-7 do not support the values pre-wrap and pre-line.

permalink MDN info W3C info

widows

Desktop Browser Support:

  • Yes
  • No
  • 8+
  • No
  • Yes

Mobile Browser Support:

  • No
  • No
  • ?
  • No
  • No
  • ?
  • ?

Further info on this property:

Part of CSS paged media.

permalink MDN info W3C info

word-break

  • normal
  • keep-all
  • break-all

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • No

Mobile Browser Support:

  • Yes
  • Yes
  • No
  • Yes
  • Yes
  • ?
  • ?

permalink MDN info W3C info

word-spacing

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Can be up to three space-separated values representing optimum, minimum, and maximum spacing. If two values are used, the first represents optimum and minimum, and one value represents all three.

permalink MDN info W3C info

word-wrap

  • normal
  • break-word

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

This is now an alternate syntax for the equivalent overflow-wrap.

permalink MDN info W3C info

writing-mode

  • horizontal-tb
  • vertical-rl
  • vertical-lr

Desktop Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?

Mobile Browser Support:

  • ?
  • ?
  • ?
  • ?
  • ?
  • ?
  • ?

permalink MDN info W3C info

z-index

Desktop Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Mobile Browser Support:

  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes
  • Yes

Further info on this property:

Applies to positioned elements.

permalink MDN info W3C info

The Help File

  • Type a CSS property name into the box above. The page will automatically update as you type.
  • Add a space after the full property name to avoid multiple results for certain keywords.
  • The first value listed is the initial/default value for that property.
  • Values in angle brackets (e.g. <length>) are linked to the spec, where it describes how they're written.
  • Generic keyword values that apply to all properties (e.g. inherit, initial, etc.) are omitted to avoid needless repetition.
  • Each property has accompanying browser support info. The info covers "basic" support for the feature and does not take into account partially missing support or bugs.