-
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 |