CSS Properties

The following table lists all CSS properties, their statistical occurrences across the web and whether they are supported.

Support for general CSS features:

The !important declaration is supported.
CSS variables support
- Not supported within @keyframe definitions
- Fallback values not supported
CSS calc() support
- Not supported within @keyframe definitions
- Mixing “%” and other dimensional units is not supported (e.g. 50% - 20px)

Property	Statistical Occurrence	CSS Feature	Current status	Animatable	Notes
@keyframes	N/A	CSS3 Animations	YES
@font-face	N/A	CSS3 Fonts	YES		To control rasterisation use `coh-font-sdf: off/on/auto;`
Absolute Layout	N/A	Visual Layout	YES
align-content	0.76%		PARTIAL		`stretch` (default), `flex-start`, `flex-end` and `center`
align-items	10.44%	CSS3 Flexbox	PARTIAL		`stretch` (default), `flex-start`, `flex-end` and `center`
align-self	0.75%		PARTIAL		`auto` (default), `stretch`, `flex-start`, `flex-end` and `center`
alignment-baseline	0.11%
all	0.01%
animation	0.75%	CSS3 Animations	YES
animation-delay	0.09%	CSS3 Animations	YES
animation-direction	0.03%	CSS3 Animations	YES
animation-duration	0.20%	CSS3 Animations	YES
animation-fill-mode	0.16%	CSS3 Animations	YES
animation-iteration-count	0.10%	CSS3 Animations	YES
animation-name	0.20%	CSS3 Animations	YES
animation-play-state	0.03%	CSS3 Animations	YES
animation-timing-function	0.13%	CSS3 Animations	YES
backface-visibility	9.52%	CSS3 Transforms	YES
background	82.08%	CSS3 Backgrounds	YES
background-attachment	8.29%	CSS Background
background-blend-mode	0.08%
background-clip	25.26%	CSS3 Backgrounds
background-color	88.40%	CSS Background	PARTIAL	YES	Limited color names
background-image	81.18%	CSS3 Backgrounds	YES		GIFs are not supported
background-origin	6.23%	CSS3 Backgrounds
background-position	77.88%	CSS3 Backgrounds	PARTIAL	YES	Offsets are not supported
background-position-x	5.81%	CSS3 Backgrounds	PARTIAL	YES	Offsets are not supported
background-position-y	6.05%	CSS3 Backgrounds	PARTIAL	YES	Offsets are not supported
background-repeat	76.50%	CSS3 Backgrounds	PARTIAL		Space is not supported
background-repeat-x	0.03%	CSS3 Backgrounds
background-repeat-y	0.04%	CSS3 Backgrounds
background-size	59.78%	CSS3 Backgrounds	YES	YES
baseline-shift	0.09%
border	90.21%	Visual Layout	PARTIAL		Only `solid`
border-bottom	76.18%	Visual Layout	PARTIAL		Only `solid`
border-bottom-color	47.17%	CSS Border	YES	YES	Limited color names
border-bottom-left-radius	44.95%	CSS3 Rounded Corners	YES	YES
border-bottom-right-radius	44.51%	CSS3 Rounded Corners	YES	YES
border-bottom-style	14.81%		PARTIAl		Only `solid`
border-bottom-width	39.00%	Visual Layout	YES	YES
border-collapse	63.49%	CSS3 Rounded Corners
border-color	71.02%	Visual Layout	YES	YES	limited color names
border-image	3.60%	CSS3 Border	PARTIAL		`space` repeat mode is not supported, multiple images are not supported, GIFs are not supported
border-image-outset	0.55%	CSS3 Border	YES
border-image-repeat	0.55%	CSS3 Border	YES		`space` repeat mode is not supported
border-image-slice	0.77%	CSS3 Border	YES
border-image-source	0.26%	CSS3 Border	YES
border-image-width	0.62%	CSS3 Border	YES
border-left	69.24%	Visual Layout	PARTIAL		Only `solid`
border-left-color	36.69%	CSS Border	YES	YES	Limited color names
border-left-style	12.29%		PARTIAL		Only `solid`
border-left-width	34.88%	Visual Layout	YES	YES
border-radius	70.21%	CSS3 Rounded Corners	YES	YES
border-right	69.78%	Visual Layout	PARTIAL		Only `solid`
border-right-color	39.64%	CSS Border	YES	YES	Limited color names
border-right-style	9.25%	CSS Border	PARTIAL		Only `solid`
border-right-width	39.18%	Visual Layout	YES	YES
border-spacing	56.00%	CSS Table
border-style	60.37%	CSS Border	PARTIAL		Only `solid`, `none`, `hidden`
border-top	75.22%	Visual Layout	PARTIAL		Only `solid`
border-top-color	49.48%	CSS Border	YES	YES	Limited color names
border-top-left-radius	46.00%	CSS3 Rounded Corners	YES	YES
border-top-right-radius	46.16%	CSS3 Rounded Corners	YES	YES
border-top-style	15.00%	CSS Border	PARTIAL		Only `solid`
border-top-width	39.09%	Visual Layout	YES	YES
border-width	65.34%	CSS Border	YES	YES
bottom	71.36%	Visual Layout	YES	YES
Box Layout	N/A	Visual Layout	PARTIAL
box-shadow	65.39%	CSS3 Shadow	YES	YES	Only inherit is not implemented
box-sizing	66.93%	CSS3 User Interface
buffered-rendering	0.04%
caption-side	4.17%
caret-color	N/A	CSS Basic UI Module	YES	PARTIAL	Animation supports only color values (keywords like `auto` and `currentcolor` won’t be interpolated)
clear	74.68%	CSS Float
clip	36.45%	CSS Clipping
clip-path	0.08%	CSS Clipping	YES	YES	Only basic shapes
clip-rule	0.11%	CSS Clipping
color	86.87%	CSS Colors	PARTIAL	YES	Limited color names
color-interpolation	0.05%
color-interpolation-filters	0.05%
color-rendering	0.05%
column-fill	0.00%	CSS3 Multiple columns
contain		CSS Containment	YES
content	68.04%		PARTIAL	NO	none, normal, `<string>`
counter-increment	6.79%
counter-reset	6.64%
cursor	83.00%		YES		The ViewListener::OnCursorChanged API notifies of runtime cursor changes.
coh-rendering-option	N/A	Custom cohtml	YES		controls how an element is rendered – `coh-rendering-option: snap-off/on/auto aa-off/on/auto;`. The `snap` tells cohtml whether the element should be snapped to an integer coordinates. The `aa` tells the rendering library whether to generate anti-aliasing border for the element. This property is for internal use only.
coh-composition-id	N/A	Custom cohtml	YES		`coh-composition-id: <string>`. The element is drawn on the screen through the client’s compositor. For more details see the documentation on the Compositor
coh-partitioned	N/A	Custom cohtml	YES		`coh-partitioned: on/off`. The element is rendered through the UI surface partitioning flow. For more details see the documentation on the UI Surface Partitioning
cx	0.00%
cy	0.00%
direction	38.47%	CSS Text
display	89.65%	Visual Layout	PARTIAL		flex
dominant-baseline	0.11%
empty-cells	4.42%
enable-background	0.02%	CSS3 Backgrounds
fill	13.90%
fill-opacity	2.97%
fill-rule	0.19%
filter	23.11%	CSS3 Filters	PARTIAL	YES	Cannot use url for svg filter. All other filters are working.
flex	11.02%	CSS3 Flexbox	YES		Currently does not work correctly together with text-align. Flex basis with value `content` is not supported. Resolving of flex basis `auto` may fallback to resolving as `content` if used next to sibling elements with basis in percentages, so this case should be handled with caution.
flex-basis	1.02%	CSS3 Flexbox	YES
flex-direction	3.39%	CSS3 Flexbox	YES
flex-flow	4.42%	CSS3 Flexbox
flex-grow	7.54%	CSS3 Flexbox	YES
flex-shrink	1.18%		YES
flex-wrap	1.25%	CSS3 Flexbox	YES
Flexbox Layout	N/A	Visual Layout	YES
float	83.86%	Visual Layout
flood-color	0.04%
flood-opacity	0.04%
font	63.63%	CSS Text	YES		No support for system keywords e.g. caption, icon, menu…
font-family	85.72%	CSS3 Fonts	YES		Font families are always returned with enclosing quotes
coh-font-fit-mode	NA	Custom cohtml	YES		Allows fitting text within a container by automatically changing the size. Please refer to the documentation for more details.
font-kerning	0.25%	CSS3 Fonts
font-size	90.54%	CSS Font	PARTIAL	YES	Supported units are pixels, em, rem, vw, vh
font-size-adjust	0.00%
font-stretch	2.41%	CSS3 Fonts
font-style	67.82%	CSS3 Fonts	YES
font-variant	23.13%	CSS Font
font-variant-ligatures	0.10%
font-weight	87.31%	CSS3 Fonts	YES
glyph-orientation-horizontal	0.04%
glyph-orientation-vertical	0.04%
GRADIENTS	N/A	CSS3 Gradients	PARTIAL		linear-gradient and radial-gradient are supported
Grid Layout	N/A	Visual Layout
grid-area	0.00%	CSS3 Grid Layout
grid-auto-columns	0.00%	CSS3 Grid Layout
grid-auto-flow	0.00%	CSS3 Grid Layout
grid-auto-rows	0.00%	CSS3 Grid Layout
grid-column	0.00%
grid-column-end	0.00%	CSS3 Grid Layout
grid-column-start	0.00%	CSS3 Grid Layout
grid-row	0.00%	CSS3 Grid Layout
grid-row-end	0.00%	CSS3 Grid Layout
grid-row-start	0.00%	CSS3 Grid Layout
grid-template	0.00%	CSS3 Grid Layout
grid-template-areas	0.00%	CSS3 Grid Layout
grid-template-columns	0.00%	CSS3 Grid Layout
grid-template-rows	0.00%	CSS3 Grid Layout
height	91.28%	Visual Layout	YES	YES	Percent units for inline images are not supported
image-rendering	2.70%	CSS3 Backgrounds	YES		`crisp-edges` and `pixelated` produce the same result
isolation	0.04%		YES
justify-content	10.26%	CSS3 Flexbox	PARTIAL		`flex-start` (default), `flex-end`, `center`, `space-between`, `space-around`
justify-items	0.00%
justify-self	0.00%
left	82.27%	Visual Layout	YES	YES
letter-spacing	43.94%	CSS Text	YES	YES
lighting-color	0.04%
line-height	79.69%	CSS Text	YES	YES
list-style	65.98%	CSS List
list-style-image	13.28%
list-style-position	14.73%
list-style-type	55.75%	CSS List
margin	91.78%	Visual Layout	YES	YES
margin-bottom	78.23%	Visual Layout	YES	YES
margin-left	79.11%	Visual Layout	YES	YES
margin-right	77.86%	Visual Layout	YES	YES
margin-top	85.36%	Visual Layout	YES	YES
marker	0.01%
marker-end	0.05%
marker-mid	0.05%
marker-start	0.05%
mask	0.19%	CSS3 Backgrounds	PARTIAL
mask-clip	0.04%	CSS Clipping	PARTIAL		Only border-box
mask-image	3.80%	CSS Clipping	PARTIAL		Only for pngs with alpha channel, multiple images are not supported, GIFs are not supported
mask-position	0.88%	CSS3 Backgrounds	YES	YES
mask-repeat	1.34%	CSS3 Clipping	PARTIAL		Space is not supported
mask-size	2.75%	CSS3 Clipping	YES	YES
mask-source-type	0.00%
mask-type	0.06%
matrix(n,n,n,n,n,n)	N/A	CSS3 Transforms	YES	YES
matrix3d	N/A	CSS3 Transforms	YES
max-height	60.85%	Visual Layout	PARTIAL	YES	`none` value is not supported
max-width	70.54%	Visual Layout	PARTIAL	YES	`none` value is not supported
max-zoom	0.00%	CSS3 Zoom
min-height	66.57%	Visual Layout	YES	YES
min-width	67.65%	Visual Layout	YES	YES
min-zoom	0.00%	CSS3 Zoom
mix-blend-mode	0.05%		YES		Certain properties that would normally cause elements to establish a stacking context and act as a backdrop for the blend are currently not treated as such. One example is the `transform` property. In case you need a specific visual effect, you can achieve that by explicitly specifying the `isolation: isolate` property on the element that you wish to be the backdrop for the blend. Note: The non-standard “additive” blend mode is available for additive blending (also known as “linear dodge”) Warning: When using this property on elements with perspective transformation, the graphics API must support linear (“noperspective”) interpolation.
object-fit	0.34%
object-position	0.09%
opacity	83.60%	CSS Opacity	YES	YES
order	7.97%	CSS3 Flexbox
orientation	0.00%
orphans	14.68%
outline	69.85%	CSS Outline
outline-color	16.25%	CSS3 User Interface
outline-offset	14.58%	CSS3 User Interface
outline-style	14.89%	CSS3 User Interface
outline-width	14.25%	CSS3 User Interface
overflow	86.29%	Visual Layout	YES		Absolute positioned elements inside overflowing containers are clipped by them is overflow!=visible; This is different than the very confusing default behavior of HTML where absolutely positioned element `pop-out` of static ancestors with scrolling.
overflow-wrap	5.86%		YES
overflow-x	47.20%	Visual Layout	YES
overflow-y	54.50%	Visual Layout	YES
padding	91.26%	Visual Layout	YES	YES
padding-bottom	74.26%	Visual Layout	YES	YES
padding-left	77.34%	Visual Layout	YES	YES
padding-right	75.42%	Visual Layout	YES	YES
padding-top	78.17%	Visual Layout	YES	YES
page	0.13%
page-break-after	8.68%
page-break-before	1.07%
page-break-inside	8.89%
paint-order	0.04%
perspective	4.93%	CSS3 Transforms	YES
perspective-origin	5.12%	CSS3 Transforms	YES		Use standard syntax
perspective(n)	N/A	CSS3 Transforms
pointer-events	41.66%	CSS Pointer	YES (no SVG-specific)		auto, none, inherit
position	89.40%	Visual Layout	PARTIAL		relative, absolute, fixed (partial support for nested fixed positioned contexts)
quotes	19.55%
resize	28.31%	CSS3 User Interface
right	80.02%	Visual Layout	YES	YES
rotate(angle)	N/A	CSS3 Transforms	YES	YES
rotate3d(x,y,z,angle)	N/A	CSS3 Transforms	YES	YES
rotateX(angle)	N/A	CSS3 Transforms	YES	YES
rotateY(angle)	N/A	CSS3 Transforms	YES	YES
rotateZ(angle)	N/A	CSS3 Transforms	YES	YES
rx	0.01%
ry	0.01%
scale(x,y)	N/A	CSS3 Transforms	YES	YES
scale3d(x,y,z)	N/A	CSS3 Transforms	YES	YES
scaleX(n)	N/A	CSS3 Transforms	YES	YES
scaleX(x)	N/A	CSS3 Transforms	YES	YES
scaleY(n)	N/A	CSS3 Transforms	YES	YES
scaleY(y)	N/A	CSS3 Transforms	YES	YES
scaleZ(z)	N/A	CSS3 Transforms	YES	YES
scroll-behavior	0.00%
scroll-blocks-on	0.00%
shape-image-threshold	0.04%
shape-margin	0.04%
shape-outside	0.04%
shape-rendering	0.36%
size	0.90%
skew(x-angle,y-angle)	N/A	CSS3 Transforms
skewX(angle)	N/A	CSS3 Transforms	YES
skewY(angle)	N/A	CSS3 Transforms	YES
speak	8.69%	Accessibility
src	32.91%
stop-color	0.43%
stop-opacity	0.24%
stroke	4.75%
stroke-dasharray	0.32%
stroke-dashoffset	0.13%
stroke-linecap	0.29%
stroke-linejoin	0.22%
stroke-miterlimit	0.15%
stroke-opacity	0.48%
stroke-width	3.80%
tab-size	0.55%
table-layout	35.02%	CSS Table
text-align	89.11%	CSS Font	YES
text-align-last	0.00%	CSS3 Text
text-anchor	0.28%
text-decoration	81.30%	CSS Text Decoration	PARTIAL	YES
text-decoration-color	0.00%	CSS Text Decoration	YES	YES
text-decoration-thickness	0.00%	CSS Text Decoration	PARTIAL	YES	`from-font` is not supported.
text-decoration-line	0.00%	CSS Text Decoration	PARTIAL	YES	`blink` is not supported. Decorations are not visible over partial selection of input elements. 1 pixel vertical offsets of the decoration line are expected when texts with different font sizes are drawn next to each other. 1 pixel horizontal offsets of the decoration line are expected when multiple text nodes are drawn next to each other.
text-decoration-style	0.00%	CSS Text Decoration	PARTIAL	YES	Only `solid` is supported.
text-indent	61.64%	CSS Text
text-justify	0.00%	CSS3 Text
text-line-through-color	0.0001
text-line-through-mode	0.00%
text-line-through-style	0.00%
text-line-through-width	0.00%
text-overflow	60.27%	CSS3 Text	PARTIAL	NO	Only `clip` and `ellipsis` for generic text. Input fields don’t support this property. Note that the ellipsis character must be available in the used fonts for this property to work.
text-overline-color	0.00%
text-overline-mode	0.00%
text-overline-style	0.00%
text-overline-width	0.00%
text-rendering	18.00%
text-shadow	62.19%	CSS3 Shadow	YES	YES
text-stroke	0.72%		YES	YES
text-stroke-color	0.29%		YES	YES
text-stroke-width	0.68%		YES	YES
text-transform	58.67%	CSS Text	YES	NO	Requires implementing the cohtml::ITextTransformationManager interface - please check the documentation for more details.
text-underline-offset	0.00%	CSS Text Decoration	YES	YES
text-underline-position	0.00%	CSS Text Decoration	PARTIAL	YES	Only `auto`, `under` and `inherit` are supported.
text-underline-color	0.00%
text-underline-position	0.00%
text-underline-style	0.00%
text-underline-width	0.00%
top	88.30%	Visual Layout	YES	YES
touch-action	3.18%
touch-action-delay	0.00%
transform	41.96%	CSS3 Transforms	YES	YES
transform-origin	23.16%	CSS3 Transforms	PARTIAL	YES	Missing support for z-offset.
transform-style	3.55%	CSS3 Transforms	YES	YES
transition	53.01%	CSS3 Transitions	YES	NO
transition-delay	11.52%	CSS3 Transitions	YES	NO
transition-duration	11.85%	CSS3 Transitions	YES	NO
transition-property	11.40%	CSS3 Transitions	YES	NO
transition-timing-function	9.35%	CSS3 Transitions	YES	NO
translate(x,y)	N/A	CSS3 Transforms	YES	YES
translate3d(x,y,z)	N/A	CSS3 Transforms	YES	YES
translateX(n)	N/A	CSS3 Transforms	YES	YES
translateX(x)	N/A	CSS3 Transforms	YES	YES
translateY(n)	N/A	CSS3 Transforms	YES	YES
translateY(y)	N/A	CSS3 Transforms	YES	YES
translateZ(z)	N/A	CSS3 Transforms	YES	YES
unicode-bidi	18.96%	CSS3 Fonts
unicode-range	12.34%	CSS3 Fonts
user-select	54.26%	CSS Selection	Partial		`none` by default! Missing support for `all`
user-zoom	0.00%	CSS3 Zoom
vector-effect	0.05%
vertical-align	77.72%	Visual Layout
visibility	78.58%	Visual Layout	YES	YES	`collapse` is not supported
white-space	73.63%	CSS Text	Partial		Only normal, nowrap, pre and pre-wrap are supported
widows	8.05%
width	93.58%	Visual Layout	YES	YES	Percent units for inline images are not supported
will-change	1.85%
word-break	26.33%	CSS3 Text
word-spacing	19.37%	CSS Text
word-wrap	55.34%	CSS3 Text
writing-mode	0.36%
x	0.01%
y	0.01%
z-index	78.44%	Visual Layout	YES	YES
zoom	56.55%	CSS3 Zoom