CSS Support Roadmap

[salmenf]

Marks

Text Decoration, Font

• font: L1 Picker
• font-synthesis: L2 Form
• font-variant: L2 Form
• font-kerning: L2 Form
• font-optical-sizing: L2 Form
• font-stretch: L1 Picker
• color: L1 Picker
• text-decoration: L1 Picker
• text-emphasis: L1 Picker
• text-transform: L1 Picker
• text-shadow: L1 Picker

Element Attributes

Box Model, Backgrounds and Borders

• display: L1 Picker
• background: L1 Picker
• min-height: L1 Picker
• height: L1 Picker
• max-height: L1 Picker
• min-width: L1 Picker
• width: L1 Picker
• max-width: L1 Picker
• padding: L1 Picker
• border: L1 Picker
• border-left: L1 Picker
• border-right: L1 Picker
• border-top: L1 Picker
• border-bottom: L1 Picker
• margin: L1 Picker
• box-shadow: L1 Picker

Overflow

• overflow: L2 Form
• overflow-clip-margin: L2 Form
• overscroll-behavior: L2 Form
• scroll-behavior: L2 Form
• scrollbar-gutter: L2 Form
• text-overflow: L2 Form

Text, Generated content

• letter-spacing: L2 Form
• text-align: L1 Picker
• text-align-last: L2 Form
• text-indent: L2 Form
• text-justify: L2 Form
• text-size-adjust: L2 Form
• vertical-align: L2 Form
• white-space: L2 Form
• word-spacing: L2 Form
• word-break: L2 Form
• line-break: L2 Form
• overflow-wrap: L2 Form
• tab-size: L2 Form
• quotes: L2 Form

Positioned layout

• float: L2 Form
• clip: L2 Form
• position: L2 Form
• inset: L2 Form
• z-index: L2 Form

Multi-column layout

• columns: L1 Picker
• column-span: L2 Form
• column-gap: L2 Form
• column-fill: L2 Form
• column-rule: L2 Form
• break-after: L2 Form
• break-before: L2 Form
• break-inside: L2 Form

Basic user interface

• cursor: L2 Form
• user-select: L2 Form
• accent-color: L2 Form
• appearance: L2 Form
• caret-color: L2 Form
• outline: L2 Form
• outline-offset: L2 Form
• pointer-events: L2 Form
• resize: L2 Form

Animations, Motion path

• animation: L3 Literal
• offset: L3 Literal

Composition and blending

• background-blend-mode: L2 Form
• isolation: L2 Form
• mix-blend-mode: L2 Form

Filter effects

• backdrop-filter: L2 Form
• filter: L2 Form

Transforms

• transform: L3 Literal
• transform-box: L3 Literal
• transform-origin: L3 Literal
• transform-style: L3 Literal
• translate: L3 Literal
• rotate: L3 Literal
• scale: L3 Literal
• perspective: L3 Literal
• perspective-origin: L3 Literal
• backface-visibility: L3 Literal

Fragmentation

• box-decoration-break: L2 Form
• break-before, break-after, break-inside: L2 Form
• orphans, widows: L2 Form

Masking

• clip-path: L2 Form
• mask: L2 Form
• mask-border: L2 Form
• mask-type: L2 Form

Ruby, [Writing modes]

• ruby-align: L3 Literal
• ruby-position: L3 Literal
• direction: L2 Form
• text-orientation: L2 Form
• unicode-bidi: L2 Form
• writing-mode: L2 Form

Shapes

• shape-image-threshold: L3 Literal
• shape-margin: L3 Literal
• shape-outside: L3 Literal

Transitions

• transition: L3 Literal

Elements with display: table

Table (Node attribute <table>)

• border-collapse: L1 Picker
• border-spacing: L1 Picker
• caption-side: L1 Picker
• empty-cells: L1 Picker
• table-layout: L1 Picker
• vertical-align: L1 Picker

Elements with display: flex

Flexible Box Layout, Grid layout

• flex-flow: L1 Picker
• grid-template: L1 Picker
• grid-auto-flow: L1 Picker
• gap: L1 Picker
• place-items: L1 Picker
• place-content: L1 Picker
• flex: L1 Picker
• grid-area: L1 Picker
• place-self: L1 Picker
• order: L1 Picker

Elements with display: list-item

Lists (Node attribute <ul>|<ol>)

• list-style: L1 Picker

Replaced Elements

Images

• image-orientation: L3 Literal
• image-rendering: L3 Literal
• image-resolution: L3 Literal
• object-fit: L3 Literal
• object-position: L3 Literal