mdn · OnkarRuikar · Mar 7, 2024 · Mar 8, 2024 · Mar 9, 2024 · Mar 12, 2024
@@ -2,12 +2,10 @@
 title: ContentVisibilityAutoStateChangeEvent
 slug: Web/API/ContentVisibilityAutoStateChangeEvent
 page-type: web-api-interface
-status:
-  - experimental
 browser-compat: api.ContentVisibilityAutoStateChangeEvent
 ---
 
-{{APIRef("CSS Containment")}}{{SeeCompatTable}}
+{{APIRef("CSS Containment")}}
 
 The **`ContentVisibilityAutoStateChangeEvent`** interface is the event object for the {{domxref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} event, which fires on any element with {{cssxref("content-visibility", "content-visibility: auto")}} set on it when it starts or stops being [relevant to the user](/en-US/docs/Web/CSS/CSS_containment#relevant_to_the_user) and [skipping its contents](/en-US/docs/Web/CSS/CSS_containment#skips_its_contents).
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: add() method"
 short-title: add()
 slug: Web/API/CustomStateSet/add
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.add
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`add`** method of the {{domxref("CustomStateSet")}} interface adds value representing a custom state to the `CustomStateSet`.
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: clear() method"
 short-title: clear()
 slug: Web/API/CustomStateSet/clear
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.clear
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`clear()`** method of the {{domxref("CustomStateSet")}} interface removes all elements from the `CustomStateSet` object.
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: delete() method"
 short-title: delete()
 slug: Web/API/CustomStateSet/delete
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.delete
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`delete()`** method of the {{domxref("CustomStateSet")}} interface deletes a single value from the `CustomStateSet`.
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: entries() method"
 short-title: entries()
 slug: Web/API/CustomStateSet/entries
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.entries
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`entries`** method of the {{domxref("CustomStateSet")}} interface returns a new [iterator](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) object, containing an array of `[value,value]` for each element in the `CustomStateSet`.
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: forEach() method"
 short-title: forEach()
 slug: Web/API/CustomStateSet/forEach
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.forEach
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`forEach()`** method of the {{domxref("CustomStateSet")}} interface executes a provided function for each value in the `CustomStateSet` object.
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: has() method"
 short-title: has()
 slug: Web/API/CustomStateSet/has
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.has
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`has()`** method of the {{domxref("CustomStateSet")}} interface returns a {{jsxref("Boolean")}} asserting whether an element is present with the given value.
 

@@ -2,39 +2,37 @@
 title: CustomStateSet
 slug: Web/API/CustomStateSet
 page-type: web-api-interface
-status:
-  - experimental
 browser-compat: api.CustomStateSet
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`CustomStateSet`** interface of the [Document Object Model](/en-US/docs/Web/API/Document_Object_Model) stores a list of states for an [autonomous custom element](/en-US/docs/Web/API/Web_components/Using_custom_elements#types_of_custom_element), and allows states to be added and removed from the set.
 
 The interface can be used to expose the internal states of a custom element, allowing them to be used in CSS selectors by code that uses the element.
 
 ## Instance properties
 
-- {{domxref("CustomStateSet.size")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.size")}}
   - : Returns the number of values in the `CustomStateSet`.
 
 ## Instance methods
 
-- {{domxref("CustomStateSet.add()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.add()")}}
   - : Adds a value to the set.
-- {{domxref("CustomStateSet.clear()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.clear()")}}
   - : Removes all elements from the `CustomStateSet` object.
-- {{domxref("CustomStateSet.delete()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.delete()")}}
   - : Removes one value from the `CustomStateSet` object.
-- {{domxref("CustomStateSet.entries()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.entries()")}}
   - : Returns a new iterator with the values for each element in the `CustomStateSet` in insertion order.
-- {{domxref("CustomStateSet.forEach()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.forEach()")}}
   - : Executes a provided function for each value in the `CustomStateSet` object.
-- {{domxref("CustomStateSet.has()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.has()")}}
   - : Returns a {{jsxref("Boolean")}} asserting whether an element is present with the given value.
-- {{domxref("CustomStateSet.keys()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.keys()")}}
   - : An alias for {{domxref("CustomStateSet.values()")}}.
-- {{domxref("CustomStateSet.values()")}} {{Experimental_Inline}}
+- {{domxref("CustomStateSet.values()")}}
   - : Returns a new iterator object that yields the values for each element in the `CustomStateSet` object in insertion order.
 
 ## Description

@@ -3,12 +3,10 @@ title: "CustomStateSet: keys() method"
 short-title: keys()
 slug: Web/API/CustomStateSet/keys
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.keys
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`keys()`** method of the {{domxref("CustomStateSet")}} interface is an alias for {{domxref("CustomStateSet.values")}}.
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: size property"
 short-title: size
 slug: Web/API/CustomStateSet/size
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.CustomStateSet.size
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`size`** property of the {{domxref("CustomStateSet")}} interface returns the number of values in the `CustomStateSet`.
 

@@ -3,12 +3,10 @@ title: "CustomStateSet: values() method"
 short-title: values()
 slug: Web/API/CustomStateSet/values
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CustomStateSet.values
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`values()`** method of the {{domxref("CustomStateSet")}} interface returns a new iterator object that yields the values for each element in the `CustomStateSet` object in insertion order.
 

@@ -3,12 +3,10 @@ title: "Element: contentvisibilityautostatechange event"
 short-title: contentvisibilityautostatechange
 slug: Web/API/Element/contentvisibilityautostatechange_event
 page-type: web-api-event
-status:
-  - experimental
 browser-compat: api.Element.contentvisibilityautostatechange_event
 ---
 
-{{APIRef("CSS Containment")}}{{SeeCompatTable}}
+{{APIRef("CSS Containment")}}
 
 The **`contentvisibilityautostatechange`** event fires on any element with {{cssxref("content-visibility", "content-visibility: auto")}} set on it when it starts or stops being [relevant to the user](/en-US/docs/Web/CSS/CSS_containment#relevant_to_the_user) and [skipping its contents](/en-US/docs/Web/CSS/CSS_containment#skips_its_contents).
 

@@ -292,7 +292,7 @@ Listen to these events using `addEventListener()` or by assigning an event liste
   - : Fires on an element that is in the [_hidden until found_](/en-US/docs/Web/HTML/Global_attributes/hidden) state, when the browser is about to reveal its content because the user has found the content through the "find in page" feature or through fragment navigation.
 - {{domxref("Element/beforescriptexecute_event","beforescriptexecute")}} {{Non-standard_Inline}}
   - : Fired when a script is about to be executed.
-- {{domxref("Element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} {{Experimental_Inline}}
+- {{domxref("Element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}}
   - : Fires on any element with {{cssxref("content-visibility", "content-visibility: auto")}} set on it when it starts or stops being [relevant to the user](/en-US/docs/Web/CSS/CSS_containment#relevant_to_the_user) and [skipping its contents](/en-US/docs/Web/CSS/CSS_containment#skips_its_contents).
 - {{domxref("Element/scroll_event", "scroll")}}
   - : Fired when the document view or an element has been scrolled.

@@ -19,7 +19,7 @@ This interface has no constructor. An `ElementInternals` object is returned when
   - : Returns the {{domxref("ShadowRoot")}} object associated with this element.
 - {{domxref("ElementInternals.form")}} {{ReadOnlyInline}}
   - : Returns the {{domxref("HTMLFormElement")}} associated with this element.
-- {{domxref("ElementInternals.states")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("ElementInternals.states")}} {{ReadOnlyInline}}
   - : Returns the {{domxref("CustomStateSet")}} associated with this element.
 - {{domxref("ElementInternals.willValidate")}} {{ReadOnlyInline}}
   - : A boolean value which returns true if the element is a submittable element that is a candidate for

@@ -3,12 +3,10 @@ title: "ElementInternals: states property"
 short-title: states
 slug: Web/API/ElementInternals/states
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.ElementInternals.states
 ---
 
-{{APIRef("Web Components")}}{{SeeCompatTable}}
+{{APIRef("Web Components")}}
 
 The **`states`** read-only property of the {{domxref("ElementInternals")}} interface returns a {{domxref("CustomStateSet")}} representing the possible states of the custom element.
 

@@ -19,7 +19,7 @@ A `FencedFrameConfig` object instance has an exposed method, but it also maps to
 
 ## Instance methods
 
-- {{domxref("FencedFrameConfig.setSharedStorageContext", "setSharedStorageContext()")}}
+- {{domxref("FencedFrameConfig.setSharedStorageContext", "setSharedStorageContext()")}} {{experimental_inline}}
   - : Passes in data from the embedding document to the `<fencedframe>`'s shared storage.
 
 ## Examples

@@ -17,13 +17,13 @@ The **`HTMLFencedFrameElement`** interface represents a {{htmlelement("fencedfra
 
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
-- {{domxref("HTMLFencedFrameElement.allow")}}
+- {{domxref("HTMLFencedFrameElement.allow")}} {{experimental_inline}}
   - : Gets and sets the value of the corresponding `<fencedframe>` `allow` attribute, which represents a [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy) applied to the content when it is first embedded.
-- {{domxref("HTMLFencedFrameElement.config")}}
+- {{domxref("HTMLFencedFrameElement.config")}} {{experimental_inline}}
   - : a {{domxref("FencedFrameConfig")}} object, which represents the navigation of a {{htmlelement("fencedframe")}}, i.e. what content will be displayed in it. A `FencedFrameConfig` is returned from a source such as the [Protected Audience API](https://developer.chrome.com/docs/privacy-sandbox/fledge/).
-- {{domxref("HTMLFencedFrameElement.height")}}
+- {{domxref("HTMLFencedFrameElement.height")}} {{experimental_inline}}
   - : Gets and sets the value of the corresponding `<fencedframe>` `height` attribute, which specifies the height of the element.
-- {{domxref("HTMLFencedFrameElement.width")}}
+- {{domxref("HTMLFencedFrameElement.width")}} {{experimental_inline}}
   - : Gets and sets the value of the corresponding `<fencedframe>` `width` attribute, which specifies the width of the element.
 
 ## Examples

@@ -29,9 +29,9 @@ The statistics can be obtained by iterating the {{domxref("RTCStatsReport")}} re
   - : An integer specifying the number of times the remote receiver has notified this `RTCRtpSender` that some amount of encoded video data for one or more frames has been lost, using Picture Loss Indication (PLI) packets. _Only available for video streams._
 - {{domxref("RTCOutboundRtpStreamStats.qpSum", "qpSum")}}
   - : A 64-bit value containing the sum of the QP values for every frame encoded by this {{domxref("RTCRtpSender")}}. _Valid only for video streams._
-- {{domxref("RTCOutboundRtpStreamStats.qualityLimitationDurations", "qualityLimitationDurations")}}
+- {{domxref("RTCOutboundRtpStreamStats.qualityLimitationDurations", "qualityLimitationDurations")}} {{experimental_inline}}
   - : A record mapping each of the quality limitation reasons in the {{domxref("RTCRemoteInboundRtpStreamStats")}} enumeration to a floating-point value indicating the number of seconds the stream has spent with its quality limited for that reason.
-- {{domxref("RTCOutboundRtpStreamStats.qualityLimitationReason", "qualityLimitationReason")}}
+- {{domxref("RTCOutboundRtpStreamStats.qualityLimitationReason", "qualityLimitationReason")}} {{experimental_inline}}
   - : One of the string `none`, `cpu`, `bandwidth`, or `other`, explaining why the resolution and/or frame rate is being limited for this RTP stream. _Valid only for video streams_.
 - {{domxref("RTCOutboundRtpStreamStats.remoteId", "remoteId")}}
   - : A string which identifies the {{domxref("RTCRemoteInboundRtpStreamStats")}} object that provides statistics for the remote peer for this same SSRC. This ID is stable across multiple calls to `getStats()`.
@@ -45,7 +45,7 @@ The statistics can be obtained by iterating the {{domxref("RTCStatsReport")}} re
   - : An integer indicating the number of times this sender received a Slice Loss Indication (SLI) frame from the remote peer, indicating that one or more consecutive video macroblocks have been lost or corrupted. Available only for video streams.
 - {{domxref("RTCOutboundRtpStreamStats.targetBitrate", "targetBitrate")}}
   - : A value indicating the bit rate the `RTCRtpSender`'s codec is configured to attempt to achieve in its output media.
-- {{domxref("RTCOutboundRtpStreamStats.totalEncodedBytesTarget", "totalEncodedBytesTarget")}}
+- {{domxref("RTCOutboundRtpStreamStats.totalEncodedBytesTarget", "totalEncodedBytesTarget")}} {{experimental_inline}}
   - : A cumulative sum of the _target_ frame sizes (the targeted maximum size of the frame in bytes when the codec is asked to compress it) for all of the frames encoded so far. This will likely differ from the total of the _actual_ frame sizes.
 - {{domxref("RTCOutboundRtpStreamStats.totalEncodeTime", "totalEncodeTime")}}
   - : A floating-point value indicating the total number of seconds that have been spent encoding the frames encoded so far by this {{domxref("RTCRtpSender")}}.

@@ -8,7 +8,7 @@ status:
 browser-compat: api.Window.blur
 ---
 
-{{APIRef}}
+{{APIRef}}{{deprecated_header}}
 
 The **`Window.blur()`** method does nothing.
 

@@ -49,7 +49,7 @@ Note that properties which are objects (e.g., for overriding the prototype of bu
   - : Returns a reference to the document that the window contains.
 - {{domxref("Window.documentPictureInPicture")}} {{ReadOnlyInline}} {{experimental_inline}} {{SecureContext_Inline}}
   - : Returns a reference to the [document Picture-in-Picture](/en-US/docs/Web/API/Document_Picture-in-Picture_API) window for the current document context.
-- {{domxref("Window.fence")}} {{ReadOnlyInline}}
+- {{domxref("Window.fence")}} {{ReadOnlyInline}} {{experimental_inline}}
   - : Returns a {{domxref("Fence")}} object instance for the current document context. Available only to documents embedded inside a {{htmlelement("fencedframe")}}.
 - {{domxref("Window.frameElement")}} {{ReadOnlyInline}}
   - : Returns the element in which the window is embedded, or null if the window is not embedded.
@@ -169,7 +169,7 @@ _This interface inherits methods from the {{domxref("EventTarget")}} interface._
   - : Decodes a string of data which has been encoded using base-64 encoding.
 - {{domxref("Window.alert()")}}
   - : Displays an alert dialog.
-- {{domxref("Window.blur()")}}
+- {{domxref("Window.blur()")}} {{deprecated_inline}}
   - : Sets focus away from the window.
 - {{domxref("btoa", "Window.btoa()")}}
   - : Creates a base-64 encoded ASCII string from a string of binary data.
@@ -276,7 +276,7 @@ _This interface inherits methods from the {{domxref("EventTarget")}} interface._
   - : Lets a website or app gain access to a sandboxed file system for its own use.
 - {{domxref("Window.setImmediate()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
   - : Executes a function after the browser has finished other heavy tasks.
-- {{domxref("Window.setResizable()")}} {{Non-standard_Inline}}
+- {{domxref("Window.setResizable()")}} {{Non-standard_Inline}} {{deprecated_inline}}
   - : Does nothing (no-op). Kept for backward compatibility with Netscape 4.x.
 - {{domxref("Window.showModalDialog()")}} {{Non-standard_Inline}} {{Deprecated_Inline}}
   - : Displays a modal dialog.

@@ -2,12 +2,10 @@
 title: content-visibility
 slug: Web/CSS/content-visibility
 page-type: css-property
-status:
-  - experimental
 browser-compat: css.properties.content-visibility
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`content-visibility`** [CSS](/en-US/docs/Web/CSS) property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. It enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.
 
@@ -33,11 +31,11 @@ content-visibility: unset;
 
 ### Values
 
-- `visible`
+- `visible` {{experimental_inline}}
   - : No effect. The element's contents are laid out and rendered as normal.
-- `hidden`
+- `hidden` {{experimental_inline}}
   - : The element [skips its contents](/en-US/docs/Web/CSS/CSS_containment#skips_its_contents). The skipped contents must not be accessible to user-agent features, such as find-in-page, tab-order navigation, etc., nor be selectable or focusable. This is similar to giving the contents `display: none`.
-- `auto`
+- `auto` {{experimental_inline}}
   - : The element turns on layout containment, style containment, and paint containment. If the element is not [relevant to the user](/en-US/docs/Web/CSS/CSS_containment#relevant_to_the_user), it also skips its contents. Unlike hidden, the skipped contents must still be available as normal to user-agent features such as find-in-page, tab order navigation, etc., and must be focusable and selectable as normal.
 
 ## Description

@@ -30,9 +30,9 @@ font-synthesis-position: unset;
 
 ### Values
 
-- `auto`
+- `auto` {{experimental_inline}}
   - : Indicates that a missing position typeface may be synthesized by the browser if needed.
-- `none`
+- `none` {{experimental_inline}}
   - : Indicates that the synthesis of a missing position typeface by the browser is not allowed.
 
 ## Formal definition