+
+
+ Widely available since 2018-01-29 (baseline high)
+
+
+
The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Chrome Android
+
+
+ 18
+ Released on 2012-06-27
+
+
+
+
+ Edge
+
+
+ 12
+ Released on 2015-07-29
+
+
+
+
+ Firefox
+
+
+ 4
+ Released on 2011-03-22
+
+
+
+
+ Firefox for Android
+
+
+ 4
+ Released on 2011-03-29
+
+
+
+
+ Safari
+
+
+ 5
+ Released on 2010-06-07
+
+
+
+
+ Safari on iOS
+
+
+ 4.2
+ Released on 2010-11-22
+
+
+
@@ -4632,8 +4714,8 @@
<br>
Safari
- ≤4
- Released before 2009-06-08
+ 3
+ Released on 2007-10-26
@@ -4641,8 +4723,8 @@
<br>
Safari on iOS
- ≤3.2
- Released before 2010-04-03
+ 1
+ Released on 2007-06-29
@@ -7293,6 +7375,88 @@
Contact picker
+
+
+
+
+
+
+
+
Inline-size containment
+
+
+ Newly available since 2022-09-12 (baseline low)
+
+
+
+
The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.
+ Chrome Android
+
+
+ 105
+ Released on 2022-09-02
+
+
+
+
+ Edge
+
+
+ 105
+ Released on 2022-09-01
+
+
+
+
+ Firefox
+
+
+ 101
+ Released on 2022-05-31
+
+
+
+
+ Firefox for Android
+
+
+ 101
+ Released on 2022-05-31
+
+
+
+
+ Safari
+
+
+ 16
+ Released on 2022-09-12
+
+
+
+
+ Safari on iOS
+
+
+ 16
+ Released on 2022-09-12
+
+
+
@@ -7370,8 +7534,336 @@
contain-intrinsic-size
Safari on iOS
- 17
- Released on 2023-09-18
+ 17
+ Released on 2023-09-18
+
+
+
+
+
+
+
+
+
+
+
Layout containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
+
+
+
Paint containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
+
+
+
Size containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
+
+
+
Style containment
+
+
+ Newly available since 2022-07-26 (baseline low)
+
+
+
+
The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Chrome Android
+
+
+ 62
+ Released on 2017-10-24
+
+
+
+
+ Edge
+
+
+ 14
+ Released on 2016-08-02
+
+
+
+
+ Firefox
+
+
+ 22
+ Released on 2013-06-25
+
+
+
+
+ Firefox for Android
+
+
+ 22
+ Released on 2013-06-25
+
+
+
+
+ Safari
+
+
+ 10
+ Released on 2016-09-20
+
+
+
+
+ Safari on iOS
+
+
+ 10
+ Released on 2016-09-13
+
+
+
@@ -5930,6 +6094,88 @@
Array splice()
+
+
+
+
+
+
+
+
<article>
+
+
+
+ Widely available since 2018-01-29 (baseline high)
+
+
+
The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
diff --git a/features/article/index.html b/features/article/index.html
new file mode 100644
index 0000000000..9b24d1485c
--- /dev/null
+++ b/features/article/index.html
@@ -0,0 +1,145 @@
+
+
+
+
+ Web features explorer - <article>
+
+
+
+
+
+ Web features explorer
+
+
+
+
+
+
+
+
<article>
+
+
+
+ Widely available since 2018-01-29 (baseline high)
+
+
+
The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+
+
Compatibility
+
+
+
+ Chrome
+
+
+ 5
+ Released on 2010-05-25
+
+
+
+
+ Chrome Android
+
+
+ 18
+ Released on 2012-06-27
+
+
+
+
+ Edge
+
+
+ 12
+ Released on 2015-07-29
+
+
+
+
+ Firefox
+
+
+ 4
+ Released on 2011-03-22
+
+
+
+
+ Firefox for Android
+
+
+ 4
+ Released on 2011-03-29
+
+
+
+
+ Safari
+
+
+ 5
+ Released on 2010-06-07
+
+
+
+
+ Safari on iOS
+
+
+ 4.2
+ Released on 2010-11-22
+
+
diff --git a/features/contain-inline-size/index.html b/features/contain-inline-size/index.html
new file mode 100644
index 0000000000..2bb874f125
--- /dev/null
+++ b/features/contain-inline-size/index.html
@@ -0,0 +1,145 @@
+
+
+
+
+ Web features explorer - Inline-size containment
+
+
+
+
+
+ Web features explorer
+
+
+
+
+
+
+
+
Inline-size containment
+
+
+ Newly available since 2022-09-12 (baseline low)
+
+
+
+
The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.
+
+
Compatibility
+
+
+
+ Chrome
+
+
+ 105
+ Released on 2022-09-02
+
+
+
+
+ Chrome Android
+
+
+ 105
+ Released on 2022-09-02
+
+
+
+
+ Edge
+
+
+ 105
+ Released on 2022-09-01
+
+
+
+
+ Firefox
+
+
+ 101
+ Released on 2022-05-31
+
+
+
+
+ Firefox for Android
+
+
+ 101
+ Released on 2022-05-31
+
+
+
+
+ Safari
+
+
+ 16
+ Released on 2022-09-12
+
+
+
+
+ Safari on iOS
+
+
+ 16
+ Released on 2022-09-12
+
+
diff --git a/features/contain-layout/index.html b/features/contain-layout/index.html
new file mode 100644
index 0000000000..781cff1468
--- /dev/null
+++ b/features/contain-layout/index.html
@@ -0,0 +1,134 @@
+
+
+
+
+ Web features explorer - Layout containment
+
+
+
+
+
+ Web features explorer
+
+
+
+
+
+
+
+
Layout containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+
+
Compatibility
+
+
+
+ Chrome
+
+
+ 52
+ Released on 2016-07-20
+
+
+
+
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
diff --git a/features/contain-paint/index.html b/features/contain-paint/index.html
new file mode 100644
index 0000000000..62f36fcf5b
--- /dev/null
+++ b/features/contain-paint/index.html
@@ -0,0 +1,134 @@
+
+
+
+
+ Web features explorer - Paint containment
+
+
+
+
+
+ Web features explorer
+
+
+
+
+
+
+
+
Paint containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+
+
Compatibility
+
+
+
+ Chrome
+
+
+ 52
+ Released on 2016-07-20
+
+
+
+
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
diff --git a/features/contain-size/index.html b/features/contain-size/index.html
new file mode 100644
index 0000000000..d78fd9a2ae
--- /dev/null
+++ b/features/contain-size/index.html
@@ -0,0 +1,147 @@
+
+
+
+
+ Web features explorer - Size containment
+
+
+
+
+
+ Web features explorer
+
+
+
+
+
+
+
+
Size containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+
+
Compatibility
+
+
+
+ Chrome
+
+
+ 52
+ Released on 2016-07-20
+
+
+
+
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
diff --git a/features/contain-style/index.html b/features/contain-style/index.html
new file mode 100644
index 0000000000..7116484e8f
--- /dev/null
+++ b/features/contain-style/index.html
@@ -0,0 +1,145 @@
+
+
+
+
+ Web features explorer - Style containment
+
+
+
+
+
+ Web features explorer
+
+
+
+
+
+
+
+
Style containment
+
+
+ Newly available since 2022-07-26 (baseline low)
+
+
+
+
The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+
+
Compatibility
+
+
+
+ Chrome
+
+
+ 52
+ Released on 2016-07-20
+
+
+
+
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 103
+ Released on 2022-07-26
+
+
+
+
+ Firefox for Android
+
+
+ 103
+ Released on 2022-07-26
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+ Newly available since 2022-09-12 (baseline low)
+
+
+
+
The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.
+ Chrome Android
+
+
+ 105
+ Released on 2022-09-02
+
+
+
+
+ Edge
+
+
+ 105
+ Released on 2022-09-01
+
+
+
+
+ Firefox
+
+
+ 101
+ Released on 2022-05-31
+
+
+
+
+ Firefox for Android
+
+
+ 101
+ Released on 2022-05-31
+
+
+
+
+ Safari
+
+
+ 16
+ Released on 2022-09-12
+
+
+
+
+ Safari on iOS
+
+
+ 16
+ Released on 2022-09-12
+
+
+
@@ -8636,6 +8718,88 @@
Individual transform properties
+
+
+
+
+
+
+
+
Style containment
+
+
+ Newly available since 2022-07-26 (baseline low)
+
+
+
+
The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 103
+ Released on 2022-07-26
+
+
+
+
+ Firefox for Android
+
+
+ 103
+ Released on 2022-07-26
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
@@ -9128,6 +9292,252 @@
Cascade layers
+
+
+
+
+
+
+
+
Layout containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
+
+
+
Paint containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Chrome Android
+
+
+ 52
+ Released on 2016-07-27
+
+
+
+
+ Edge
+
+
+ 79
+ Released on 2020-01-15
+
+
+
+
+ Firefox
+
+
+ 69
+ Released on 2019-09-03
+
+
+
+
+ Firefox for Android
+
+
+ 79
+ Released on 2020-07-28
+
+
+
+
+ Safari
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+ Safari on iOS
+
+
+ 15.4
+ Released on 2022-03-14
+
+
+
+
+
+
+
+
+
+
+
Size containment
+
+
+ Newly available since 2022-03-14 (baseline low)
+
+
+
+
The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ <data>: The <data> element links a given piece of content with a machine-readable translation.
+ Learn more.
+
+
+
<time>: The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format.
@@ -118,7 +125,7 @@
+ <embed>: The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<h1> through <h6>: The <h1> through <h6> HTML elements represent six levels of section headings, in order of decreasing importance.
@@ -165,6 +172,13 @@
+
+
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<p>: The <p> element represents a paragraph of text.
@@ -311,7 +325,7 @@
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -258,6 +265,13 @@
+
+
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<p>: The <p> element represents a paragraph of text.
@@ -481,7 +495,7 @@
+ <embed>: The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
:indeterminate: The :indeterminate CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.
@@ -191,6 +198,34 @@
+
+
+ Layout containment: The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Paint containment: The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Learn more.
+
+
+
+
+
+ Size containment: The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Style containment: The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Learn more.
+
+
+
controlslist: The controlslist attribute for <audio> or <video> hides parts of the browser's built-in controls. For example, controlslist="nofullscreen" removes the button to play the video in fullscreen.
@@ -488,7 +523,7 @@
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<q>: The <q> element represents a short inline quotation.
@@ -80,7 +87,7 @@
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -260,6 +267,13 @@
+
+
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<p>: The <p> element represents a paragraph of text.
@@ -694,7 +708,7 @@
diff --git a/release-notes/july-2016/index.html b/release-notes/july-2016/index.html
new file mode 100644
index 0000000000..eb1a1dce94
--- /dev/null
+++ b/release-notes/july-2016/index.html
@@ -0,0 +1,131 @@
+
+
+
+
+ Web features explorer - July 2016 web platform update
+
+
+
+
+
+ Web features explorer
+
+
+
+
+
+
July 2016 web platform update
+
+
+
+
+
+
+
+
+
+ Now available in Chrome
+
Limited availability
+
+
+
+
+
+ Layout containment: The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Paint containment: The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Learn more.
+
+
+
+
+
+ Size containment: The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Style containment: The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Learn more.
+
+
+
+
+
+
+
+
+ Now available in Chrome Android
+
Limited availability
+
+
+
+
+
+ Layout containment: The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Paint containment: The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Learn more.
+
+
+
+
+
+ Size containment: The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Style containment: The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Learn more.
+
+ Layout containment: The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Paint containment: The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Learn more.
+
+
+
+
+
+ Size containment: The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
HTML media capture: The capture HTML attribute for <input type="file"> elements allows the user to capture media using the device's camera or microphone.
@@ -232,7 +253,7 @@
+ <embed>: The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
:indeterminate: The :indeterminate CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.
@@ -115,6 +122,21 @@
+
+ Newly available on the web platform
+
Newly available
+
+
+
+
+
+ Style containment: The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Learn more.
+
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -122,7 +129,7 @@
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -196,6 +203,13 @@
+
+
+ <embed>: The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<figure> and <figcaption>: The <figure> and <figcaption> HTML elements represent an illustration, diagram, text, or other self-contained reference content, with an optional caption.
@@ -280,6 +294,13 @@
+
+
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<p>: The <p> element represents a paragraph of text.
@@ -517,7 +538,7 @@
+ <data>: The <data> element links a given piece of content with a machine-readable translation.
+ Learn more.
+
+
+
Notifications: The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.
@@ -76,6 +83,13 @@
+
+
+ <data>: The <data> element links a given piece of content with a machine-readable translation.
+ Learn more.
+
+
+
Notifications: The notifications API sends system notifications to the user, often even when the page or browser is not the foreground application.
@@ -109,7 +123,7 @@
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -196,6 +203,13 @@
+
+
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -273,6 +287,13 @@
+
+
+ <embed>: The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<figure> and <figcaption>: The <figure> and <figcaption> HTML elements represent an illustration, diagram, text, or other self-contained reference content, with an optional caption.
@@ -364,6 +385,13 @@
+
+
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<p>: The <p> element represents a paragraph of text.
@@ -516,7 +544,7 @@
+ Layout containment: The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Paint containment: The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Learn more.
+
+
+
+
+
+ Size containment: The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
<dialog>: The <dialog> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.
@@ -336,6 +357,13 @@
+
+
+ Style containment: The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Learn more.
+
+
+
pow(), sqrt(), hypot(), log(), and exp(): The pow(), sqrt(), hypot(), log(), and exp() CSS functions compute various exponential functions.
@@ -451,6 +479,13 @@
+
+
+ Style containment: The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.
+ Learn more.
+
+
+
pow(), sqrt(), hypot(), log(), and exp(): The pow(), sqrt(), hypot(), log(), and exp() CSS functions compute various exponential functions.
@@ -550,7 +585,7 @@
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -101,7 +108,7 @@
+ Inline-size containment: The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
preservesPitch: The preservesPitch property for <audio> or <video> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.
@@ -233,6 +240,13 @@
+
+
+ Inline-size containment: The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
preservesPitch: The preservesPitch property for <audio> or <video> adjusts the pitch of audio to sound more natural when the playback rate is faster or slower than the default.
@@ -296,7 +310,7 @@
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<p>: The <p> element represents a paragraph of text.
@@ -283,7 +290,7 @@
+ <embed>: The <embed> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
tabindex: The tabindex HTML attribute make an element focusable, and defines the element's relative ordering for sequential focus navigation.
@@ -73,7 +80,7 @@
+ <article>: The <article> element represents self-contained content, which is intended to be independently distributable or reusable, such as a comment, a blog post, or news article.
+ Learn more.
+
+
+
<aside>: The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content.
@@ -115,7 +122,7 @@
+ <br>: The <br> element produces line breaks in text.
+ Learn more.
+
+
+
+
+
+ <h1> through <h6>: The <h1> through <h6> HTML elements represent six levels of section headings, in order of decreasing importance.
+ Learn more.
+
+
+
<hr>: The <hr> element represents a thematic break between paragraphs, often shown as a horizontal rule.
@@ -63,6 +77,13 @@
+
+
+ <object>: The <object> element represents an external resource such as a PDF or SVG document. It was historically used for plugins such as Shockwave Flash.
+ Learn more.
+
+
+
<p>: The <p> element represents a paragraph of text.
@@ -101,7 +122,7 @@
+ <data>: The <data> element links a given piece of content with a machine-readable translation.
+ Learn more.
+
+
+
<time>: The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format.
@@ -116,7 +123,7 @@
+ <data>: The <data> element links a given piece of content with a machine-readable translation.
+ Learn more.
+
+
+
:indeterminate: The :indeterminate CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.
@@ -273,6 +280,13 @@
+
+
+ <data>: The <data> element links a given piece of content with a machine-readable translation.
+ Learn more.
+
+
+
HTML media capture: The capture HTML attribute for <input type="file"> elements allows the user to capture media using the device's camera or microphone.
@@ -323,7 +337,7 @@
+ Layout containment: The contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
+
+
+ Paint containment: The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.
+ Learn more.
+
+
+
+
+
+ Size containment: The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
- JavaScript modules in shared workers: The SharedWorker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in shared workers.
- Learn more.
-
-
-
JavaScript modules in workers: The Worker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in workers.
@@ -339,13 +332,6 @@
-
-
- JavaScript modules in shared workers: The SharedWorker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in shared workers.
- Learn more.
-
-
-
JavaScript modules in workers: The Worker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in workers.
@@ -382,7 +368,7 @@
+ Inline-size containment: The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.
+ Learn more.
+
+
+
:modal: The :modal pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <dialog> element used with showModal().
@@ -329,6 +336,13 @@
+
+
+ JavaScript modules in shared workers: The SharedWorker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in shared workers.
+ Learn more.
+
+
+
Motion path: The offset CSS property animates an element along a defined motion path.
@@ -416,6 +430,13 @@
+
+
+ JavaScript modules in shared workers: The SharedWorker() constructor accepts { type: "module" } to load scripts that use import and export. Also known as ECMAScript modules or ESM in shared workers.
+ Learn more.
+
+
+
Motion path: The offset CSS property animates an element along a defined motion path.
@@ -452,7 +473,7 @@