Skip to content

CSS Support Table

Tristan Gerritsen edited this page Aug 17, 2023 · 12 revisions

Table of Contents

  1. Legend
  2. Properties
  3. At-rules
  4. Values
  5. References

Legend

Fully supported: ✔️
Partial support: ⚠️
Broken: ⛑️
Not supported: ❌
Won't be implemented in the near future: ⛔
Partial support because of accessibility: ♿
Newer values aren't supported yet: 🧨

Properties

Property Parse Compute/Lookup Layout Paint Explanation
background Allows multiple layers of backgrounds, not supported
background-color ✔️ ✔️ ✔️ ✔️
background-image ⚠️ ✔️ ✔️ ⚠️ Gradients aren't supported
background-image ⚠️ ✔️ ✔️ ⚠️ Gradients aren't supported
border ✔️ ✔️ ✔️ ✔️
border-color ✔️ ✔️ ✔️ ✔️
border-width ✔️ ✔️ ✔️ ✔️
border-style ⚠️ ✔️ ✔️ ⚠️ Only none and solid
border-bottom ✔️ ✔️ ✔️ ✔️
border-left ✔️ ✔️ ✔️ ✔️
border-right ✔️ ✔️ ✔️ ✔️
border-top ✔️ ✔️ ✔️ ✔️
color ✔️ ✔️ ✔️ ✔️
cursor ⚠️ ✔️ ✔️ ✔️ URL cursor images are not supported
font ⚠️ ⚠️ ✔️ ⚠️ Not all values are supported
font-family ✔️ ⚠️ ✔️ ✔️ Doesn't lookup certain named fonts (such as emoji) and doesn't support external fonts
font-kerning ✔️ ✔️ ✔️ ✔️
font-size ⚠️ ⚠️ ✔️ ✔️ Percentage font sizes are not yet supported
font-stretch ✔️ ✔️ Not honored
font-style ✔️ ✔️ ✔️ ✔️ Note: fonts can be synthesized, but aren't at the moment.
font-variant-caps ✔️ ⚠️ ✔️ ✔️ Supported at font-level, but some should be emulated for backwards-compatibiliy with CSS 2.1 if the feature isn't supported by the given font
font-variant-east-asian ✔️ ✔️ ✔️ ✔️
font-variant-ligatures ✔️ ✔️ ✔️ ✔️
font-variant-position ✔️ ✔️ ✔️ ✔️
font-weight ✔️ ⚠️ ✔️ ✔️
height ⚠️ ✔️ ⚠️ ✔️ Formatting Contexts don't properly use this value, and fit-content etc. aren't supported
margin ✔️ ✔️ ⚠️ ✔️ Shouldn't apply (fully) to display: inline boxes
margin-bottom ✔️ ✔️ ⚠️ ✔️ Shouldn't apply (fully) to display: inline boxes
margin-block ✔️ ✔️ ⚠️ ✔️ Doesn't use the writing-mode, direction, etc.
margin-inline ✔️ ✔️ ⚠️ ✔️ Doesn't use the writing-mode, direction, etc.
margin-left ✔️ ✔️ ✔️ ✔️
margin-right ✔️ ✔️ ✔️ ✔️
margin-top ✔️ ✔️ ✔️ ✔️
padding ✔️ ✔️ ✔️ ✔️
padding-bottom ✔️ ✔️ ✔️ ✔️
padding-left ✔️ ✔️ ✔️ ✔️
padding-right ✔️ ✔️ ✔️ ✔️
padding-top ✔️ ✔️ ✔️ ✔️
text-decoration ✔️ ✔️ ✔️ ⚠️ See individual properties below
text-decoration-color ✔️ ✔️ ✔️ ✔️
text-decoration-line ✔️ ✔️ ✔️ 🧨 ♿ blink, spelling-error, grammar-error not supported
text-decoration-style ✔️ ✔️ ✔️ Not honored
text-decoration-skip-ink
text-transform ✔️ ✔️ ⚠️ ✔️ full-width and full-size-kana aren't supported, only Dutch IJ diagraph supported as capitalization edge-case, which might be incorrect.
width ⚠️ ✔️ ✔️ ✔️ Formatting Contexts don't properly use this value, and fit-content etc. aren't supported
white-space ✔️ ✔️ ⚠️ ✔️ pre isn't used properly

At-rules

Name Parsing Computation Explanation
@animation
@charset ✔️ ✔️
@import
@font-face ✔️ ⚠️ Mostly supported, just unicode-ranges is not correctly used
@media ⚠️ ✔️ Only all, screen and print media-types are supported
@namespace This aplies primarily to XML, which will probably not be implemented at all, there are certainly other features that have more priority

Values

Value Parsing Compute Explanation
<angle> Not supported
<color> ⚠️ ⚠️ System colors, e.g. ActiveColor aren't supported
<frequency> Not supported
Global values Not supported
<image> ⚠️ ⚠️ Gradients aren't supported
<length> ⚠️ ⚠️ Newer sizes aren't supported such as ch and dvs
Mathematical Expressions Not supported
<percentage> ✔️ ✔️
<position> Not supported
<ratio> Not supported
<resolution> Not supported
<string> ✔️ ✔️
<url> ✔️ ✔️ <bad-url> is currently ignored, should anything be done with it?
var(...) Not supported

References