Properties
Every CSS property that ships in at least one of Chrome, Firefox or Safari, grouped into twenty themes. Each entry gives the syntax, initial value, what it applies to, whether it inherits, how it animates, the first browser versions that support it and a link to the spec. Every property is also in the search and the A–Z.
Box model →
display, visibility, width and height, min and max sizes, aspect-ratio, margin, padding, overflow and zoom. (27 properties)
Color & backgrounds →
color, opacity, the background layers, and colour adjustment such as color-scheme and forced colours. (18 properties)
Borders, corners & outlines →
Every border side and longhand, physical and logical, border-radius, corner shapes, border images and outlines. (82 properties)
Fonts →
font and its longhands: family, size, weight, style, width, variants, OpenType features, variations and synthesis. (26 properties)
Text →
Alignment, spacing, white space and wrapping, hyphenation, decoration, emphasis, line height, ruby and math layout. (62 properties)
Writing modes & logical →
writing-mode, direction and text orientation, and the flow-relative sizes, margins, padding and insets. (32 properties)
Flexbox →
The flex container and items, order, the box-alignment properties, and the legacy -webkit-box layout. (18 properties)
Grid →
Grid templates, the implicit grid, line-based placement and the justify-*/place-* alignment properties. (20 properties)
Gaps & gap decorations →
gap, row-gap and column-gap, and the rules drawn in the gaps of grid, flex and multi-column layouts. (45 properties)
Positioning, floats & columns →
position and the physical insets, z-index, floats and shapes, multi-column layout and fragmentation. (29 properties)
Anchor positioning →
Tether a positioned box to an anchor element, place it with position-area, and give it fallback positions. (8 properties)
Transforms & motion path →
transform, the individual translate, rotate and scale properties, 3D perspective, and offset motion paths. (16 properties)
Transitions & animation →
The transition and animation families, discrete and size interpolation, and view transition names. (23 properties)
Scroll-driven animation →
Scroll and view timelines, animation ranges, timeline scope, and timeline triggers. (22 properties)
Filters, effects & masking →
box-shadow, filter, backdrop-filter, blend modes, clip-path, masks and the object-fit family. (28 properties)
SVG →
Fill, stroke, markers, geometry, gradient stops, filter lighting and the rendering hints for SVG content. (38 properties)
Interactivity & scrolling →
Cursors, pointer and touch input, form controls and caret, reading order, scrollbars, scroll snap and overscroll. (59 properties)
Lists, tables & content →
List markers, counters, generated content and quotes, and the table-layout properties. (14 properties)
Containment & container queries →
contain, content-visibility, intrinsic size placeholders, query containers and will-change. (11 properties)
Cascade & custom properties →
The all reset, and custom properties declared with -- and read with var(). (2 entries)