BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1198
Search:
Categories: All CSS (101) HTML elements (100) Selectors (46) JavaScript (43) Forms (42)
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) DOM (9) Internationalization (9) Reporting (9) Text wrap (9) Workers (9) Clipboard (8) Containment (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) Container queries (5) 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) Anchor positioning (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) 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 30 of 646 features

2015

30 features
• July 2015
Widely Available

The box-shadow CSS property applies shadow effects around an element's frame. This can create drop shadow and inner shadow effects.

Chrome 10
Firefox 4
Safari 5.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 calc() CSS function computes mathematical expressions such a calc(100%/3 - 1em).

Chrome 26
Firefox 16
Safari 7
Edge 12
Baseline Date: Jul 29, 2015
Widely Available

The ch CSS length unit is a font-relative length based on the width of the zero (0) character.

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

The contenteditable global HTML attribute allows the user to edit the content of an element, such as inserting or deleting text.

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

The cubic-bezier() CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The ease, ease-in, ease-out, and ease-in-out keyword values are presets for common Bézier curves.

Chrome 16
Firefox 4
Safari 6
Edge 12
Baseline Date: Jul 29, 2015
Widely Available

The currentColor CSS value allows you to reuse an element's computed text color for other properties.

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

The display: list-item CSS declaration renders an element with the box layout of a <li> HTML element.

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

The display: table CSS declaration renders an element with the box layout of a <table> HTML element. Child elements may use equivalents to <table> internal elements such as display: table-row for <tr>.

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

The em CSS length unit is a font-relative length equal to the specified font size. In an element with a 2 inch font, 1em equals 2 inches.

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

The ex CSS length unit is a font-relative length equal to the used x-height of the first available font. X-height is often equal to the height of the lowercase x.

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

The float CSS property aligns an element to either side of its container, allowing text and inline elements to flow around it. The clear CSS property sets whether an element is moved below floating elements that proceed it.

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

The font-family CSS property sets the desired font face for text, along with optional fallback font faces.

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

The font-size CSS property sets the text height.

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

The font-style CSS property sets the text style, with normal, italic, and oblique options.

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

The font-variant CSS property is a shorthand for font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-emoji, font-variant-ligatures, font-variant-numeric, and font-variant-position.

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

The font-weight CSS property controls the thickness of a font. It is set explicitly with the keyword bold or a number, or relative to the inherited thickness with the keywords bolder or lighter.

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

The getComputedStyle() global method returns an CSSStyleDeclaration object that represents all CSS declarations applied to a given element.

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

The hashchange event fires when the URL fragment identifier (the part of the URL starting with #) of the current page has changed.

Chrome 16
Firefox 11
Safari 6
Edge 12
Baseline Date: Jul 29, 2015
Widely Available

The inherit keyword resets any CSS property to the computed value of that property from the parent element.

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

The lang global HTML attribute defines the language of an element. It's used by assistive technology to correctly read the content, translation tools to select the origin language, and other applications.

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

The letter-spacing CSS property controls the amount of space between each letter in an element or block of text.

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

The line-height CSS property sets the spacing between text baselines, oriented to the horizontal or vertical writing mode.

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

The localStorage and sessionStorage APIs store data as key-value pairs. While localStorage persists across sessions, sessionStorage data is discarded when the page is closed.

Chrome 4
Firefox 3.5
Safari 4
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 window.matchMedia() method checks whether a media query applies to the document.

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

The opacity CSS property sets the transparency of an element.

Chrome 1
Firefox 1
Safari 2
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
Widely Available

The pointer-events CSS property sets whether a user can interact with an element using a mouse, touch, or other pointing input device.

Chrome 2
Firefox 3.6
Safari 4
Edge 12
Baseline Date: Jul 29, 2015
Widely Available

The postMessage() global method sends cross-origin messages to windows and workers, including popups and iframes. Also known as cross-document messaging.

Chrome 2
Firefox 3
Safari 4
Edge 12
Baseline Date: Jul 29, 2015
← Previous Page 21 of 22 (646 features) Next →