Supported CSS Properties

This page documents which CSS properties (and for some properties, which values are supported for that property). Properties are grouped into logical feature grouping, and within each group they are roughly ordered by the percentage of web pages that use that property.

You can generally assume that if the longhand versions of a property are supported then the shorthand version will also be supported and vice-versa.

Core

% usePropertyStatus
92%display
display:inline✅ Supported
display:block✅ Supported
display:inline-block✅ Supported
display:flex✅ Supported
display:grid✅ Supported

Subgrid is not supported

display:table⚠️ Partial support

Table layout is emulated with CSS Grid.

display:masonry❌ Not supported
display:none✅ Supported
display:contents✅ Supported
92%position
position:static❌ Not supported
position:relative✅ Supported
position:absolute✅ Supported
position:fixed❌ Not supported
position:sticky❌ Not supported

Note that because 'position:static' is not supported, 'position:absolute' nodes are always positioned relative to their immediate parent

87%overflow
overflow:visible✅ Supported
overflow:clip✅ Supported
overflow:hidden✅ Supported
overflow:scroll✅ Supported
overflow:auto❌ Not supported
86%box-sizing✅ Supported
85%z-index⚠️ Partial support

z-index is implemented for sibling nodes

85%cursor
keyword✅ Supported
custom image❌ Not supported
82%content (::before / ::after)
string✅ Supported
image❌ Not supported
gradient❌ Not supported
counter❌ Not supported
77%float❌ Not supported taffy#437 parley#99
64%clear❌ Not supported taffy#437 parley#99
38%order✅ Supported
27%zoom❌ Not supported

Visibility, Clipping & Isolation

% usePropertyStatus
87%opacity✅ Supported

Nodes with opacity are currently clipped regardless of the overflow style

77%visibility✅ Supported
53%clip-path❌ Not supported blitz#211
21%contain❌ Not supported
17%mask❌ Not supported
12%isolation❌ Not supported
5%content-visibility❌ Not supported

Sizing & Positioning

Flow relative versions of properties (e.g. max-inline-size) are also supported

% usePropertyStatus
93%width / height✅ Supported
79%min-width / min-height✅ Supported
82%max-width / max-height✅ Supported
90%inset✅ Supported
25%aspect-ratio✅ Supported
47%object-fit✅ Supported
17%object-position✅ Supported

Padding, Margin & Borders

Flow relative versions of properties (e.g. padding-inline-start) are also supported

% usePropertyStatus
92%padding✅ Supported
92%margin✅ Supported
52%gap✅ Supported
67%border-width✅ Supported
62%border-style❌ Not supported
77%border-color✅ Supported
86%border-radius✅ Supported
5%border-image❌ Not supported

Text Direction

% usePropertyStatus
46%direction❌ Not supported
14%unicode-bidi❌ Not supported
13%all❌ Not supported
2%writing-mode❌ Not supported

Font

% usePropertyStatus
74%@font-face✅ Supported

It is not yet possible to override the family name or other matching criteria.

90%font-size✅ Supported
88%font-family✅ Supported
88%font-weight✅ Supported
80%font-style✅ Supported
49%font-display❌ Not supported
28%font-variant❌ Not supported
20%font-feature-settings❌ Not supported blitz#184
20%font-stretch✅ Supported
15%font-variation-settings✅ Supported
7%font-variant-ligatures❌ Not supported

Text

% usePropertyStatus
90%color✅ Supported
88%text-align✅ Supported
86%line-height✅ Supported
84%text-decoration✅ Supported
82%vertical-align❌ Not supported parley#291
81%white-space-collapse⚠️ Partial support
81%text-wrap-mode❌ Not supported
73%text-transform❌ Not supported
65%text-overflow❌ Not supported parley#304
66%letter-spacing✅ Supported
57%overflow-wrap / word-wrap✅ Supported
55%word-break✅ Supported
44%text-shadow❌ Not supported
40%webkit-line-clamp❌ Not supported
37%text-indent❌ Not supported
36%text-rendering❌ Not supported
17%text-decoration-line❌ Not supported
18%text-wrap-style❌ Not supported
13%word-spacing✅ Supported
13%text-decoration-color✅ Supported
11%hyphens❌ Not supported
9%tab-size❌ Not supported
8%quotes❌ Not supported
8%webkit-text-fill-color❌ Not supported
6%text-underline-offset❌ Not supported
7%text-decoration-thickness❌ Not supported

Backgrounds

% usePropertyStatus
90%background-color✅ Supported
78%background-image✅ Supported
76%background-position✅ Supported
73%background-size✅ Supported
73%background-repeat✅ Supported
42%background-clip✅ Supported
8%background-attachment❌ Not supported
7%background-origin✅ Supported

Flexbox

% usePropertyStatus
73%flex-direction✅ Supported
67%flex-wrap✅ Supported
58%flex-grow✅ Supported
57%flex-shrink✅ Supported
41%flex-basis✅ Supported
0%webkit-box-*❌ Not supported

These properties are for the legacy flexbox model that was never widely adopted. Blitz does not ever intend to support these.

Grid

% usePropertyStatus
41%grid-template-{rows,columns}
px / percentage / fr✅ Supported
min-content / max-content / auto✅ Supported
fit-content()✅ Supported
named lines❌ Not supported taffy#750
subgrid❌ Not supported taffy#468
25%grid-{row,column}✅ Supported
18%grid-area❌ Not supported taffy#750
12%grid-template-areas❌ Not supported taffy#750
11%grid-auto-flow✅ Supported
6%grid-auto-{rows,columns}✅ Supported

Box Alignment

% usePropertyStatus
77%{align,justify}-content✅ Supported
78%{align,justify}-items✅ Supported
51%{align,justify}-self✅ Supported

Transforms

% usePropertyStatus
83%2D Transforms⚠️ Partial support

2D transforms are currently applied visually, but hit detection doesn't yet work properly for transformed nodes

83%3D Transforms❌ Not supported

Transitions & Animations

% usePropertyStatus
79%Transitions❌ Not supported
67%Animations❌ Not supported

Composition & Effects

% usePropertyStatus
82%box-shadow✅ Supported
44%outline✅ Supported
44%filter❌ Not supported
24%backdrop-filter❌ Not supported
8%mix-blend-mode❌ Not supported
7%background-blend-mode❌ Not supported

Lists

% usePropertyStatus
48%list-style-type✅ Supported
10%list-style-position✅ Supported
10%counter-increment❌ Not supported
9%counter-reset❌ Not supported

Tables

% usePropertyStatus
49%border-collapse❌ Not supported
33%border-spacing❌ Not supported
19%table-layout✅ Supported
6%caption-side❌ Not supported

SVG

Rendering SVGs (including inline SVGs) is supported, but styling SVGs is not yet supported.

% usePropertyStatus
62%fill❌ Not supported
41%stroke❌ Not supported
43%stroke-width❌ Not supported
29%stroke-dashoffset❌ Not supported
27%stroke-dasharray❌ Not supported
11%fill-opacity❌ Not supported
10%stroke-linecap❌ Not supported
8%stroke-miterlimit❌ Not supported
7%stroke-opacity❌ Not supported

Interaction & Pointer events

% usePropertyStatus
68%pointer-events❌ Not supported
66%user-select❌ Not supported
66%webkit-user-select❌ Not supported
61%webkit-tap-highlight-color❌ Not supported
40%touch-action❌ Not supported
14%caret-color❌ Not supported
8%webkit-user-drag❌ Not supported

User Agent Hints

% usePropertyStatus
65%webkit-appearance❌ Not supported
63%webkit-font-smoothing❌ Not supported
47%appearance❌ Not supported
35%will-change❌ Not supported
22%text-size-adjust❌ Not supported
20%forced-color-adjust❌ Not supported
16%color-scheme❌ Not supported
11%scrollbar-color❌ Not supported
7%image-rendering❌ Not supported
6%overflow-anchor❌ Not supported

Miscellaneous / Other

% usePropertyStatus
34%resize❌ Not supported
35%scrollbar-width❌ Not supported
12%speak❌ Not supported
8%container❌ Not supported

Scroll Behaviour

% usePropertyStatus
13%scroll-boundary-behavior❌ Not supported
15%scroll-behavior❌ Not supported
14%scroll-snap-type❌ Not supported
8%scroll-snap-align❌ Not supported
7%scroll-padding❌ Not supported
10%scroll-boundary-behavior-y❌ Not supported

Multi-column Layout

% usePropertyStatus
6%column-count❌ Not supported

@page

% usePropertyStatus
7%size❌ Not supported
6%page-break-inside❌ Not supported