BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1191
Search: Reset ×
Categories: All CSS (101) HTML elements (98) Selectors (46) JavaScript (43) Forms (40)
WebGL extensions (37) WebAssembly (22) Media queries (21) Fonts (19) Performance (19) Text (19) Scrolling (18) Arrays (17) Layout (17) HTML (16) Progressive web app (15) Typed arrays (14) Units (14) Canvas (13) Background (12) Color types (12) Media elements (12) Strings (12) Clipping, shapes, and masking (11) Security (11) Web components (11) WebXR (11) Typographic font features (10) Animation (9) Internationalization (9) Reporting (9) Text wrap (9) Clipboard (8) Workers (8) Containment (7) DOM (7) Fetch (7) JavaScript modules (7) Print media (7) Sensors (7) CSS object models (6) Image formats (6) Iterators (6) Landmark elements (6) Positioning (6) Promises (6) SVG (6) Storage (6) Streams (6) Credential management (5) Custom elements (5) Explicit defaults (5) Font synthesis (5) HTTP (5) Messaging (5) Multi-column (5) Resource hints (5) Ruby (5) Selection (5) Speech (5) Transitions (CSS) (5) View transitions (5) Web audio (5) WebGL (5) Container queries (4) Cookies (4) Counters (4) File system access (4) Flexbox (4) Gamepad (4) Grid (4) Images (4) Lists (4) Primitive types (4) Regular expressions (4) WebDriver (4) WebRTC (4) Blend mode (3) Borders and outlines (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) Geolocation (2) IndexedDB (2) Parsing and serialization (2) Resource integrity (2) Sets (2) Text fragments (2) WebMCP (2) CSS environment variables (1)
Showing 17 of 17 features

2024

2 features
• December 2024
Newly Available

The @page CSS at-rule sets the page-specific dimensions and margins for content such as printed documents, ebooks, or slides.

Chrome 15
Firefox 95
Safari 18.2
Edge 79
Baseline Date: Dec 11, 2024
• April 2024

The align-content property vertically aligns content in block layouts, like it does in flex or grid layouts.

Chrome 123
Firefox 125
Safari 17.4
Edge 123
Baseline Date: Apr 16, 2024

2021

1 features
• November 2021
Widely Available

The fit-content CSS keyword expands a box as needed to fit its contents until the maximum size is reached, preserving the content's preferred aspect ratio.

Chrome 46
Firefox 94
Safari 11
Edge 79
Baseline Date: Nov 2, 2021

2020

1 features
• January 2020

The min-content and max-content CSS keywords represent the smallest and largest intrinsic sizes of an element.

Chrome 46
Firefox 66
Safari 11
Edge 79
Baseline Date: Jan 15, 2020

2019

1 features
• January 2019
Widely Available

In printed page layouts, the break-after, break-before, break-inside CSS properties control where printed pages start and end. Also known as pagination or page breaking.

Chrome 50
Firefox 65
Safari 10
Edge 12
Baseline Date: Jan 29, 2019

2015

4 features
• July 2015
Widely Available

The width and height CSS properties set the preferred physical size of an element.

Chrome 1
Firefox 1
Safari 1
Edge 12
Baseline Date: Jul 29, 2015
Widely Available

The box-sizing CSS property sets whether an element's width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.

Chrome 10
Firefox 29
Safari 5.1
Edge 12
Baseline Date: Jul 29, 2015
Widely Available

The margin CSS property sets space around an element. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Chrome 1
Firefox 1
Safari 1
Edge 12
Baseline Date: Jul 29, 2015
Widely Available

The padding CSS property sets space between an element's edge and its contents. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Chrome 1
Firefox 1
Safari 1
Edge 12
Baseline Date: Jul 29, 2015

Limited Availability

8 features
• In Progress / Not Yet Baseline

In columnar layouts (created by the columns or column-count CSS properties), the break-after, break-before, break-inside properties control where columns start or end.

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

The display: grid-lanes or display: inline-grid-lanes CSS declaration creates a layout where items are tightly packed, like brickwork, in parallel lanes. Items are placed one by one in the lane that has the most available space.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The page-break-before, page-break-inside, and page-break-after CSS properties are aliases to the break-before, break-inside, and break-after properties.

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

The widows and orphans CSS properties set the minimum lines included in a text fragment created by page, column, or region breaks.

Chrome 25
Firefox
Safari 1.3
Edge 12
Status: Incomplete cross-engine support

The fit-content() CSS function, used outside of a grid layout property, clamps a length between min-content and max-content.

Chrome
Firefox
Safari
Edge
Status: Incomplete cross-engine support

The justify-self CSS property aligns an item along a container's inline axis in block layouts, like it does in grid layouts. Likewise, the justify-items property sets a default justify-self value for all items in a container in a block layout.

Chrome 130
Firefox
Safari
Edge 130
Status: Incomplete cross-engine support

The page-orientation CSS property sets the rotation of a page after pagination. This allows pages with the same size declaration to display with different orientations.

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

The stretch CSS keyword expands a box as needed to fit its contents until the maximum size is reached, without preserving the content's preferred aspect ratio.

Chrome 138
Firefox
Safari
Edge 138
Status: Incomplete cross-engine support