{ } CSS LabA reference you can change.

CSS properties

Make a change

Try a value

CSS-wide keywords

These control inheritance and the cascade, rather than this property's specific behavior.

Live example

The highlighted element receives your declaration.

CSS declaration

Edit the example's HTML and supporting CSS
Use .target on the element you want to style. Scripts are disabled inside the example.


Values & syntax
Keywords, types, functions, and combinations
| choose one · || combine in any order · && all required · ? optional · + repeat · # comma-separated · {1,4} one to four values
Open-ended values
Numbers, lengths, colors, names, URLs, and combinations cannot be exhaustively listed. The grammar describes the allowed forms; the editor lets you test any value.


WHAT TO NOTICE


Catalog & sources
The W3C index includes drafts and historical specifications. MDN adds browser-specific and legacy properties. Custom properties are represented by --*, not counted as infinitely many separate names.
“Syntax accepted” means this browser accepts a declaration. It does not guarantee a visible effect, interoperability, or full implementation. A value can require a particular layout, an at-rule, printing, or another feature.
Data is a fixed snapshot. Follow the source links for changes and definitions not included in the snapshot.
W3C property index · MDN CSS data · MDN explanations
MDN data: CC0. Adapted MDN explanatory content: CC BY-SA 2.5, attribution through each property's source link. W3C specification data retains its source links. CSS Lab explanations and interface are original.