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)
PropertyStatistical OccurrenceCSS FeatureCurrent statusAnimatableNotes
@keyframesN/ACSS3 AnimationsYES
@font-faceN/ACSS3 FontsYESTo control rasterisation use coh-font-sdf: off/on/auto;
Absolute LayoutN/AVisual LayoutYES
align-content0.76%PARTIALstretch (default), flex-start, flex-end and center
align-items10.44%CSS3 FlexboxPARTIALstretch (default), flex-start, flex-end and center
align-self0.75%PARTIALauto (default), stretch, flex-start, flex-end and center
alignment-baseline0.11%
all0.01%PARTIALNOonly initial is supported
animation0.75%CSS3 AnimationsYES
animation-delay0.09%CSS3 AnimationsYES
animation-direction0.03%CSS3 AnimationsYES
animation-duration0.20%CSS3 AnimationsYES
animation-fill-mode0.16%CSS3 AnimationsYES
animation-iteration-count0.10%CSS3 AnimationsYES
animation-name0.20%CSS3 AnimationsYES
animation-play-state0.03%CSS3 AnimationsYES
animation-timing-function0.13%CSS3 AnimationsYES
backface-visibility9.52%CSS3 TransformsYES
background82.08%CSS3 BackgroundsYES
background-attachment8.29%CSS Background
background-blend-mode0.08%
background-clip25.26%CSS3 Backgrounds
background-color88.40%CSS BackgroundPARTIALYESLimited color names
background-image81.18%CSS3 BackgroundsYESGIFs are not supported
background-origin6.23%CSS3 Backgrounds
background-position77.88%CSS3 BackgroundsPARTIALYESOffsets are not supported
background-position-x5.81%CSS3 BackgroundsPARTIALYESOffsets are not supported
background-position-y6.05%CSS3 BackgroundsPARTIALYESOffsets are not supported
background-repeat76.50%CSS3 BackgroundsPARTIALSpace is not supported
background-repeat-x0.03%CSS3 Backgrounds
background-repeat-y0.04%CSS3 Backgrounds
background-size59.78%CSS3 BackgroundsYESYES
baseline-shift0.09%
border90.21%Visual LayoutPARTIALOnly solid
border-bottom76.18%Visual LayoutPARTIALOnly solid
border-bottom-color47.17%CSS BorderYESYESLimited color names
border-bottom-left-radius44.95%CSS3 Rounded CornersYESYES
border-bottom-right-radius44.51%CSS3 Rounded CornersYESYES
border-bottom-style14.81%PARTIAlOnly solid
border-bottom-width39.00%Visual LayoutYESYES
border-collapse63.49%CSS3 Rounded Corners
border-color71.02%Visual LayoutYESYESlimited color names
border-image3.60%CSS3 BorderPARTIALspace repeat mode is not supported, multiple images are not supported, GIFs are not supported
border-image-outset0.55%CSS3 BorderYES
border-image-repeat0.55%CSS3 BorderYESspace repeat mode is not supported
border-image-slice0.77%CSS3 BorderYES
border-image-source0.26%CSS3 BorderYES
border-image-width0.62%CSS3 BorderYES
border-left69.24%Visual LayoutPARTIALOnly solid
border-left-color36.69%CSS BorderYESYESLimited color names
border-left-style12.29%PARTIALOnly solid
border-left-width34.88%Visual LayoutYESYES
border-radius70.21%CSS3 Rounded CornersYESYES
border-right69.78%Visual LayoutPARTIALOnly solid
border-right-color39.64%CSS BorderYESYESLimited color names
border-right-style9.25%CSS BorderPARTIALOnly solid
border-right-width39.18%Visual LayoutYESYES
border-spacing56.00%CSS Table
border-style60.37%CSS BorderPARTIALOnly solid, none, hidden
border-top75.22%Visual LayoutPARTIALOnly solid
border-top-color49.48%CSS BorderYESYESLimited color names
border-top-left-radius46.00%CSS3 Rounded CornersYESYES
border-top-right-radius46.16%CSS3 Rounded CornersYESYES
border-top-style15.00%CSS BorderPARTIALOnly solid
border-top-width39.09%Visual LayoutYESYES
border-width65.34%CSS BorderYESYES
bottom71.36%Visual LayoutYESYES
Box LayoutN/AVisual LayoutPARTIAL
box-shadow65.39%CSS3 ShadowYESYESOnly inherit is not implemented
box-sizing66.93%CSS3 User Interface
buffered-rendering0.04%
caption-side4.17%
caret-colorN/ACSS Basic UI ModuleYESPARTIALAnimation supports only color values (keywords like auto and currentcolor won’t be interpolated)
clear74.68%CSS Float
clip36.45%CSS Clipping
clip-path0.08%CSS ClippingYESYESOnly basic shapes
clip-rule0.11%CSS Clipping
color86.87%CSS ColorsPARTIALYESLimited color names
color-interpolation0.05%
color-interpolation-filters0.05%
color-rendering0.05%
column-fill0.00%CSS3 Multiple columns
containCSS ContainmentYES
content68.04%PARTIALNOnone, normal, <string>
counter-increment6.79%
counter-reset6.64%
cursor83.00%YESThe ViewListener::OnCursorChanged API notifies of runtime cursor changes.
coh-rendering-optionN/ACustom cohtmlYEScontrols 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-idN/ACustom cohtmlYEScoh-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-partitionedN/ACustom cohtmlYEScoh-partitioned: on/off. The element is rendered through the UI surface partitioning flow. For more details see the documentation on the UI Surface Partitioning
cx0.00%
cy0.00%
direction38.47%CSS Text
display89.65%Visual LayoutPARTIALflex
dominant-baseline0.11%
empty-cells4.42%
enable-background0.02%CSS3 Backgrounds
fill13.90%
fill-opacity2.97%
fill-rule0.19%
filter23.11%CSS3 FiltersPARTIALYESCannot use url for svg filter. All other filters are working.
flex11.02%CSS3 FlexboxYESCurrently 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-basis1.02%CSS3 FlexboxYES
flex-direction3.39%CSS3 FlexboxYES
flex-flow4.42%CSS3 Flexbox
flex-grow7.54%CSS3 FlexboxYES
flex-shrink1.18%YES
flex-wrap1.25%CSS3 FlexboxYES
Flexbox LayoutN/AVisual LayoutYES
float83.86%Visual Layout
flood-color0.04%
flood-opacity0.04%
font63.63%CSS TextYESNo support for system keywords e.g. caption, icon, menu…
font-family85.72%CSS3 FontsYESFont families are always returned with enclosing quotes
font-kerning0.25%CSS3 Fonts
font-size90.54%CSS FontPARTIALYESSupported units are pixels, em, rem, vw, vh
font-size-adjust0.00%
font-stretch2.41%CSS3 Fonts
font-style67.82%CSS3 FontsYES
font-variant23.13%CSS Font
font-variant-ligatures0.10%
font-weight87.31%CSS3 FontsYES
coh-font-fitNACustom cohtmlYESShorthand property for setting the custom coh-font-fit properties. Please refer to the documentation for more details.
coh-font-fit-modeNACustom cohtmlYESAllows fitting text within a container by automatically changing the size. Please refer to the documentation for more details.
coh-font-fit-min-sizeNACustom cohtmlYESYESDetermines the minimum font size used to fit a text within a container. Please refer to the documentation for more details.
coh-font-fit-max-sizeNACustom cohtmlYESYESDetermines the maximum font size used to fit a text within a container. Please refer to the documentation for more details.
glyph-orientation-horizontal0.04%
glyph-orientation-vertical0.04%
GRADIENTSN/ACSS3 GradientsPARTIALlinear-gradient and radial-gradient are supported
Grid LayoutN/AVisual Layout
grid-area0.00%CSS3 Grid Layout
grid-auto-columns0.00%CSS3 Grid Layout
grid-auto-flow0.00%CSS3 Grid Layout
grid-auto-rows0.00%CSS3 Grid Layout
grid-column0.00%
grid-column-end0.00%CSS3 Grid Layout
grid-column-start0.00%CSS3 Grid Layout
grid-row0.00%CSS3 Grid Layout
grid-row-end0.00%CSS3 Grid Layout
grid-row-start0.00%CSS3 Grid Layout
grid-template0.00%CSS3 Grid Layout
grid-template-areas0.00%CSS3 Grid Layout
grid-template-columns0.00%CSS3 Grid Layout
grid-template-rows0.00%CSS3 Grid Layout
height91.28%Visual LayoutYESYESPercent  units for inline images are not supported
image-rendering2.70%CSS3 BackgroundsYEScrisp-edges and pixelated produce the same result
isolation0.04%YES
justify-content10.26%CSS3 FlexboxPARTIALflex-start (default), flex-end, center, space-between, space-around
justify-items0.00%
justify-self0.00%
left82.27%Visual LayoutYESYES
letter-spacing43.94%CSS TextYESYES
lighting-color0.04%
line-height79.69%CSS TextYESYES
list-style65.98%CSS List
list-style-image13.28%
list-style-position14.73%
list-style-type55.75%CSS List
margin91.78%Visual LayoutYESYES
margin-bottom78.23%Visual LayoutYESYES
margin-left79.11%Visual LayoutYESYES
margin-right77.86%Visual LayoutYESYES
margin-top85.36%Visual LayoutYESYES
marker0.01%
marker-end0.05%
marker-mid0.05%
marker-start0.05%
mask0.19%CSS3 BackgroundsPARTIAL
mask-clip0.04%CSS ClippingPARTIALOnly border-box
mask-image3.80%CSS ClippingPARTIALOnly for pngs with alpha channel, multiple images are not supported, GIFs are not supported
mask-position0.88%CSS3 BackgroundsYESYES
mask-repeat1.34%CSS3 ClippingPARTIALSpace is not supported
mask-size2.75%CSS3 ClippingYESYES
mask-source-type0.00%
mask-type0.06%
matrix(n,n,n,n,n,n)N/ACSS3 TransformsYESYES
matrix3dN/ACSS3 TransformsYES
max-height60.85%Visual LayoutPARTIALYESnone value is not supported
max-width70.54%Visual LayoutPARTIALYESnone value is not supported
max-zoom0.00%CSS3 Zoom
min-height66.57%Visual LayoutYESYES
min-width67.65%Visual LayoutYESYES
min-zoom0.00%CSS3 Zoom
mix-blend-mode0.05%YESCertain 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-fit0.34%
object-position0.09%
opacity83.60%CSS OpacityYESYES
order7.97%CSS3 Flexbox
orientation0.00%
orphans14.68%
outline69.85%CSS Outline
outline-color16.25%CSS3 User Interface
outline-offset14.58%CSS3 User Interface
outline-style14.89%CSS3 User Interface
outline-width14.25%CSS3 User Interface
overflow86.29%Visual LayoutYESAbsolute 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-wrap5.86%YES
overflow-x47.20%Visual LayoutYES
overflow-y54.50%Visual LayoutYES
padding91.26%Visual LayoutYESYES
padding-bottom74.26%Visual LayoutYESYES
padding-left77.34%Visual LayoutYESYES
padding-right75.42%Visual LayoutYESYES
padding-top78.17%Visual LayoutYESYES
page0.13%
page-break-after8.68%
page-break-before1.07%
page-break-inside8.89%
paint-order0.04%
perspective4.93%CSS3 TransformsYES
perspective-origin5.12%CSS3 TransformsYESUse standard syntax
perspective(n)N/ACSS3 Transforms
pointer-events41.66%CSS PointerYES (no SVG-specific)auto, none, inherit
position89.40%Visual LayoutPARTIALrelative, absolute, fixed (partial support for nested fixed positioned contexts)
quotes19.55%
resize28.31%CSS3 User Interface
right80.02%Visual LayoutYESYES
rotate(angle)N/ACSS3 TransformsYESYES
rotate3d(x,y,z,angle)N/ACSS3 TransformsYESYES
rotateX(angle)N/ACSS3 TransformsYESYES
rotateY(angle)N/ACSS3 TransformsYESYES
rotateZ(angle)N/ACSS3 TransformsYESYES
rx0.01%
ry0.01%
scale(x,y)N/ACSS3 TransformsYESYES
scale3d(x,y,z)N/ACSS3 TransformsYESYES
scaleX(n)N/ACSS3 TransformsYESYES
scaleX(x)N/ACSS3 TransformsYESYES
scaleY(n)N/ACSS3 TransformsYESYES
scaleY(y)N/ACSS3 TransformsYESYES
scaleZ(z)N/ACSS3 TransformsYESYES
scroll-behavior0.00%
scroll-blocks-on0.00%
shape-image-threshold0.04%
shape-margin0.04%
shape-outside0.04%
shape-rendering0.36%
size0.90%
skew(x-angle,y-angle)N/ACSS3 Transforms
skewX(angle)N/ACSS3 TransformsYES
skewY(angle)N/ACSS3 TransformsYES
speak8.69%Accessibility
src32.91%
stop-color0.43%
stop-opacity0.24%
stroke4.75%
stroke-dasharray0.32%
stroke-dashoffset0.13%
stroke-linecap0.29%
stroke-linejoin0.22%
stroke-miterlimit0.15%
stroke-opacity0.48%
stroke-width3.80%
tab-size0.55%
table-layout35.02%CSS Table
text-align89.11%CSS FontYES
text-align-last0.00%CSS3 Text
text-anchor0.28%
text-decoration81.30%CSS Text DecorationPARTIALYES
text-decoration-color0.00%CSS Text DecorationYESYES
text-decoration-thickness0.00%CSS Text DecorationPARTIALYESfrom-font is not supported.
text-decoration-line0.00%CSS Text DecorationPARTIALYESblink 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-style0.00%CSS Text DecorationPARTIALYESOnly solid is supported.
text-indent61.64%CSS Text
text-justify0.00%CSS3 Text
text-line-through-color0.0001
text-line-through-mode0.00%
text-line-through-style0.00%
text-line-through-width0.00%
text-overflow60.27%CSS3 TextPARTIALNOOnly 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-color0.00%
text-overline-mode0.00%
text-overline-style0.00%
text-overline-width0.00%
text-rendering18.00%
text-shadow62.19%CSS3 ShadowYESYES
text-stroke0.72%YESYES
text-stroke-color0.29%YESYES
text-stroke-width0.68%YESYES
text-transform58.67%CSS TextYESNORequires implementing the cohtml::ITextTransformationManager interface - please check the documentation for more details.
text-underline-offset0.00%CSS Text DecorationYESYES
text-underline-position0.00%CSS Text DecorationPARTIALYESOnly auto, under and inherit are supported.
text-underline-color0.00%
text-underline-position0.00%
text-underline-style0.00%
text-underline-width0.00%
top88.30%Visual LayoutYESYES
touch-action3.18%
touch-action-delay0.00%
transform41.96%CSS3 TransformsYESYES
transform-origin23.16%CSS3 TransformsPARTIALYESMissing support for z-offset.
transform-style3.55%CSS3 TransformsYESYES
transition53.01%CSS3 TransitionsYESNO
transition-delay11.52%CSS3 TransitionsYESNO
transition-duration11.85%CSS3 TransitionsYESNO
transition-property11.40%CSS3 TransitionsYESNO
transition-timing-function9.35%CSS3 TransitionsYESNO
translate(x,y)N/ACSS3 TransformsYESYES
translate3d(x,y,z)N/ACSS3 TransformsYESYES
translateX(n)N/ACSS3 TransformsYESYES
translateX(x)N/ACSS3 TransformsYESYES
translateY(n)N/ACSS3 TransformsYESYES
translateY(y)N/ACSS3 TransformsYESYES
translateZ(z)N/ACSS3 TransformsYESYES
unicode-bidi18.96%CSS3 Fonts
unicode-range12.34%CSS3 Fonts
user-select54.26%CSS SelectionPartialnone by default! Missing support for all
user-zoom0.00%CSS3 Zoom
vector-effect0.05%
vertical-align77.72%Visual Layout
visibility78.58%Visual LayoutYESYEScollapse is not supported
white-space73.63%CSS TextPartialOnly normal, nowrap, pre and pre-wrap are supported
widows8.05%
width93.58%Visual LayoutYESYESPercent  units for inline images are not supported
will-change1.85%
word-break26.33%CSS3 Text
word-spacing19.37%CSS Text
word-wrap55.34%CSS3 Text
writing-mode0.36%
x0.01%
y0.01%
z-index78.44%Visual LayoutYESYES
zoom56.55%CSS3 Zoom