-
Notifications
You must be signed in to change notification settings - Fork 1
CSS Support Table
Tristan Gerritsen edited this page Aug 17, 2023
·
12 revisions
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: 🧨
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 |
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 |
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 |