BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1219
Search:
Categories: All CSS (102) HTML elements (100) Selectors (46) JavaScript (43) Forms (42)
WebGL extensions (37) Text (26) WebAssembly (22) Media queries (21) Scrolling (20) Fonts (19) Performance (19) Arrays (17) Layout (17) HTML (16) Progressive web app (15) Typed arrays (14) Units (14) Canvas (13) Color types (13) Strings (13) Background (12) Media elements (12) Security (12) Animation (11) Clipping, shapes, and masking (11) Web components (11) WebXR (11) Typographic font features (10) DOM (9) Internationalization (9) Iterators (9) Reporting (9) Text wrap (9) Workers (9) Clipboard (8) CSS object models (7) Containment (7) Fetch (7) JavaScript modules (7) Print media (7) Sensors (7) Container queries (6) Explicit defaults (6) Image formats (6) Landmark elements (6) Multi-column (6) Positioning (6) Promises (6) SVG (6) Storage (6) Streams (6) Credential management (5) Custom elements (5) Font synthesis (5) HTTP (5) Lists (5) Messaging (5) Resource hints (5) Ruby (5) Selection (5) Speech (5) Transitions (CSS) (5) View transitions (5) Web audio (5) WebGL (5) Anchor positioning (4) Cookies (4) Counters (4) File system access (4) Flexbox (4) Gamepad (4) Grid (4) Images (4) Primitive types (4) Regular expressions (4) WebDriver (4) WebRTC (4) Blend mode (3) Borders and outlines (3) Geolocation (3) Gradients (3) Image scaling (3) JSON (3) Maps (3) MathML (3) Payments (3) Reading order (3) Scroll markers (3) Transforms (3) WebAuthn (3) WebGPU (3) White space (3) Worklets (3) XML (3) Collections (2) Compute pressure (2) IndexedDB (2) Parsing and serialization (2) Resource integrity (2) Sets (2) Text fragments (2) WebMCP (2) CSS environment variables (1)
Showing 12 of 102 features

Limited Availability

12 features
• In Progress / Not Yet Baseline
Limited

The paint() CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.

Chrome 65
Firefox —
Safari —
Edge 79
Status: Incomplete cross-engine support

The word-break: break-word CSS declaration sets word breaks to occur according to their customary rules.

Chrome 1
Firefox 67
Safari 3
Edge 12
Status: Incomplete cross-engine support
Limited

The speak-as CSS property sets how any element's content is spoken. Not to be confused with the speak-as descriptor of @counter-style at-rules.

Chrome —
Firefox —
Safari 11.1
Edge —
Status: Incomplete cross-engine support

The lr, lr-tb, rl, rl-tb, tb, and tb-rl keyword values for the writing-mode CSS property set the text direction for elements in SVG 1.1 documents.

Chrome 48
Firefox 43
Safari 10.1
Edge 12
Status: Incomplete cross-engine support
Limited

The filter() CSS function applies one or more graphic effects to a CSS image, such as a background image. You can use functions, such as blur() and drop-shadow(), alone or combined to produce different effects. For instance, background: filter(url(image.png), blur(2px)).

Chrome —
Firefox —
Safari 9.1
Edge —
Status: Incomplete cross-engine support
Limited

The ime-mode CSS property sets the state of the input method editor for text fields.

Chrome —
Firefox 3
Safari —
Edge —
Status: Incomplete cross-engine support

The rel="alternate stylesheet" attribute for the <link> HTML element offers an alternative style option to users.

Chrome —
Firefox 3
Safari —
Edge —
Status: Incomplete cross-engine support

The glyph-orientation-vertical CSS property sets the orientation of glyphs in text rendered in a vertical writing mode.

Chrome —
Firefox —
Safari 4
Edge —
Status: Incomplete cross-engine support

The display: contents CSS declaration sets an element to display only its contents, not itself.

Chrome —
Firefox —
Safari —
Edge —
Status: Incomplete cross-engine support
Limited

The speak CSS property sets whether or not text should be spoken.

Chrome —
Firefox —
Safari —
Edge —
Status: Incomplete cross-engine support
Limited

The line-clamp CSS property limits the text in a block container to a certain number of lines. The prefixed -webkit-line-clamp is widely supported but only works with -webkit-box-orient: vertical in combination with display: -webkit-box or display: -webkit-inline-box.

Chrome —
Firefox —
Safari —
Edge —
Status: Incomplete cross-engine support
Limited

The @mixin and @apply CSS at-rules define reusable style declaration fragments and apply them inside rules, optionally passing arguments.

Chrome —
Firefox —
Safari —
Edge —
Status: Incomplete cross-engine support
← Previous Page 4 of 4 (102 features)