mirror of
https://gitflic.ru/project/openide/openide.git
synced 2026-04-19 21:11:28 +07:00
[html] WEB-72823 Fix acquiring MDN documentation for <input> element; update MDN docs
(cherry picked from commit 27406bc89c532ef4d61ffb751fe50a4eead11080) IJ-CR-178017 GitOrigin-RevId: 03cf87518a337f6f2610e4cf7a8a3e042b0b0efa
This commit is contained in:
Piotr Tomiak
committed by
intellij-monorepo-bot
intellij-monorepo-bot
parent
7a1d0ac40b
commit
744728d192
@@ -152,6 +152,11 @@ public class HtmlDocumentationTest extends BasePlatformTestCase {
|
||||
);
|
||||
}
|
||||
|
||||
public void testInputAttributeQuickDoc() {
|
||||
myFixture.configureByText("attributeQuickDocAtTheEndOfFile.html", "<input type='button' popover<caret>targetaction>");
|
||||
WebTestUtil.checkDocumentationAtCaret(myFixture);
|
||||
}
|
||||
|
||||
public void testLookupDocWordCompletions() {
|
||||
myFixture.configureByText("test.html", "<html lang='en'>la<caret>n");
|
||||
PsiElement originalElement = myFixture.getFile().findElementAt(myFixture.getEditor().getCaretModel().getOffset());
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class='definition'><pre>popovertargetaction</pre></div>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.psi.impl.icons.XmlPsiImplIcons.BaselineLow'></icon>
|
||||
<td class='mdn-baseline-info'>Newly available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 114, Chrome Android 114, Edge 114, Firefox 125, Firefox Android 125, Opera 100, Safari 17, Safari iOS 17</span>
|
||||
<p class='grayed'>Baseline since 2024
|
||||
</details>
|
||||
Specifies the action to be performed on a popover element being controlled by a control <code><input type="button"></code>. Possible values are:
|
||||
<dl>
|
||||
<dt id="hide"><a href="https://developer.mozilla.org/en-us/docs/web/html/reference/elements/input#popovertargetaction#hide"><code>"hide"</code></a></dt>
|
||||
<dd>
|
||||
<p>The button will hide a shown popover. If you try to hide an already hidden popover, no action will be taken.
|
||||
</dd>
|
||||
<dt id="show"><a href="https://developer.mozilla.org/en-us/docs/web/html/reference/elements/input#popovertargetaction#show"><code>"show"</code></a></dt>
|
||||
<dd>
|
||||
<p>The button will show a hidden popover. If you try to show an already showing popover, no action will be taken.
|
||||
</dd>
|
||||
<dt id="toggle"><a href="https://developer.mozilla.org/en-us/docs/web/html/reference/elements/input#popovertargetaction#toggle"><code>"toggle"</code></a></dt>
|
||||
<dd>
|
||||
<p>The button will toggle a popover between showing and hidden. If the popover is hidden, it will be shown; if the popover is showing, it will be hidden. If <code>popovertargetaction</code> is omitted, <code>"toggle"</code> is the default action that will be performed by the control button.
|
||||
</dd>
|
||||
</dl></div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/html/reference/elements/input#popovertargetaction/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
@@ -401,9 +401,14 @@ class GenerateMdnDocumentation : BasePlatformTestCase() {
|
||||
|
||||
val elementDoc = contents.prose.first().getProseContent().appendOtherSections(contents.prose)
|
||||
|
||||
val attributesDoc = contents.prose.filterProseById("attributes", "attributes_for_form_submission", "deprecated_attributes",
|
||||
"obsolete_attributes",
|
||||
"non-standard_attributes")
|
||||
val attributesDoc = contents.prose.filterProseById(
|
||||
"attributes",
|
||||
"individual_attributes",
|
||||
"attributes_for_form_submission",
|
||||
"deprecated_attributes",
|
||||
"obsolete_attributes",
|
||||
"non-standard_attributes",
|
||||
)
|
||||
.joinToString("\n") { it.getProseContent().content }
|
||||
.let { RawProse(it) }
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -9,6 +9,10 @@
|
||||
},
|
||||
"lang": "en-us",
|
||||
"attrs": {
|
||||
"data-_star_": {
|
||||
"url": "$MDN_URL$/web/mathml/reference/global_attributes/data-_star_",
|
||||
"doc": "The <strong><code>data-*</code></strong> MathML attributes are called custom data attributes. They let MathML markup and its resulting DOM share information that standard attributes can't, usually for scripting purposes. Their custom data are available via the <a href=\"$MDN_URL$/Web/API/MathMLElement\"><code>MathMLElement</code></a> interface of the element the attributes belong to, with the <a href=\"$MDN_URL$/Web/API/MathMLElement/dataset\"><code>MathMLElement.dataset</code></a> property.\n<p>The <code>*</code> can be replaced by any characters allowed in <a href=\"https://www.w3.org/TR/xml/#NT-Name\" class=\"external\" target=\"_blank\">XML's rules for names</a>, with the following restrictions:\n<ul>\n<li>Can't start with <code>xml</code>.</li>\n<li>No semicolons (<code>;</code>, <code>U+003A</code>).</li>\n<li>No capital <code>A</code> to <code>Z</code> letters.</li>\n</ul>\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <a href=\"$MDN_URL$/Web/API/MathMLElement/dataset\"><code>MathMLElement.dataset</code></a> property is a <a href=\"$MDN_URL$/Web/API/DOMStringMap\"><code>DOMStringMap</code></a> that provides the attribute <code>data-test-value</code> via <code>MathMLElement.dataset.testValue</code>. Hyphen characters (<code>-</code>, <code>U+002D</code>) are removed and the next letter is capitalized, resulting in the <a href=\"$MDN_URL$/Glossary/Camel_case\">camel case</a> format.\n</div>\n<p>You can use this attribute with any MathML element."
|
||||
},
|
||||
"dir": {
|
||||
"url": "$MDN_URL$/web/mathml/reference/global_attributes/dir",
|
||||
"status": [
|
||||
|
||||
@@ -27,6 +27,28 @@
|
||||
},
|
||||
"doc": "The <strong><code>alignment-baseline</code></strong> attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows <a href=\"$MDN_URL$/Glossary/Baseline/Typography\">alphabetic baselines</a> in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the <code>alignment-baseline</code> property.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nAs a presentation attribute, <code>alignment-baseline</code> also has a CSS property counterpart: <a href=\"$MDN_URL$/Web/CSS/alignment-baseline\"><code>alignment-baseline</code></a>. When both are specified, the CSS property takes priority.\n</div>\n<p>You can use this attribute with the following SVG elements:\n<ul>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a></li>\n</ul>"
|
||||
},
|
||||
"autofocus": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/autofocus",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "79",
|
||||
"ChromeAndroid": "79",
|
||||
"Edge": "79",
|
||||
"Firefox": "110",
|
||||
"FirefoxAndroid": "110",
|
||||
"Opera": "66",
|
||||
"Safari": "15.4",
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-02-14",
|
||||
"highDate": "2025-08-14"
|
||||
},
|
||||
"doc": "The <strong><code>autofocus</code></strong> global SVG attribute defines a focusable element to be focused after it's connected to a document. The attribute has no effect if the element is not already focusable.\n<p>The <code>autofocus</code> attribute has an HTML counterpart: <a href=\"$MDN_URL$/Web/HTML/Reference/Global_attributes/autofocus\"><code>autofocus</code></a>. No more than one element in the document may have the <code>autofocus</code> attribute. If applied to multiple elements, the first one will receive focus."
|
||||
},
|
||||
"baseline-shift": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/baseline-shift",
|
||||
"status": [
|
||||
@@ -852,6 +874,28 @@
|
||||
},
|
||||
"doc": "The <strong><code>pointer-events</code></strong> attribute is a presentation attribute that allows defining whether or when an element may be the target of a mouse event.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nAs a presentation attribute, <code>pointer-events</code> also has a CSS property counterpart: <a href=\"$MDN_URL$/Web/CSS/pointer-events\"><code>pointer-events</code></a>. When both are specified, the CSS property takes priority.\n</div>\n<p>You can use this attribute with the following SVG elements:\n<ul>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/a\"><code><a></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/circle\"><code><circle></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/clipPath\"><code><clipPath></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/defs\"><code><defs></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/ellipse\"><code><ellipse></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/foreignObject\"><code><foreignObject></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/g\"><code><g></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/image\"><code><image></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/line\"><code><line></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/marker\"><code><marker></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/mask\"><code><mask></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/path\"><code><path></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/pattern\"><code><pattern></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/polygon\"><code><polygon></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/polyline\"><code><polyline></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/rect\"><code><rect></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/svg\"><code><svg></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/switch\"><code><switch></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/symbol\"><code><symbol></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/use\"><code><use></code></a></li>\n</ul>"
|
||||
},
|
||||
"requiredextensions": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/requiredextensions",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "81",
|
||||
"ChromeAndroid": "81",
|
||||
"Edge": "81",
|
||||
"Firefox": "2",
|
||||
"FirefoxAndroid": "4",
|
||||
"Opera": "68",
|
||||
"Safari": "8",
|
||||
"SafariIOS": "8"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2020-04-13",
|
||||
"highDate": "2022-10-13"
|
||||
},
|
||||
"doc": "The <strong><code>requiredExtensions</code></strong> SVG <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute#conditional_processing_attributes\">conditional processing attribute</a> is a list of space-separated URL values each referencing a language extension. Language extensions are extended capabilities that go beyond those defined by standard browser specifications.\n<p>The value is a space-separated list of URL references identifying the required extensions. If all of the named extensions in the list are supported by the user agent, the element is rendered as usual. If attribute is present but the value is an empty string, or if any of the extensions are not supported by the browser, the browser will skip the element, along with all its descendants, not rendering it.\n<p>You can use this attribute with the following SVG elements:\n<ul>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/a\"><code><a></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/animate\"><code><animate></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/animateMotion\"><code><animateMotion></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/animateTransform\"><code><animateTransform></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/circle\"><code><circle></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/clipPath\"><code><clipPath></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/defs\"><code><defs></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/ellipse\"><code><ellipse></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/foreignObject\"><code><foreignObject></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/g\"><code><g></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/image\"><code><image></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/line\"><code><line></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/mask\"><code><mask></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/path\"><code><path></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/pattern\"><code><pattern></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/polygon\"><code><polygon></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/polyline\"><code><polyline></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/rect\"><code><rect></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/set\"><code><set></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/svg\"><code><svg></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/switch\"><code><switch></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/use\"><code><use></code></a></li>\n</ul>"
|
||||
},
|
||||
"requiredfeatures": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/requiredfeatures",
|
||||
"doc": "<div class=\"notecard deprecated\"><p><strong>Deprecated:</strong> This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the <a href=\"#browser_compatibility\">compatibility table</a> at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.</div>\n<p>The <strong><code>requiredFeatures</code></strong> attribute takes a list of feature strings, with the individual strings separated by white space. It determines whether or not all of the named features are supported by the browser; if all of them are supported, the attribute evaluates to <code>true</code> end the element is rendered; otherwise, the attribute evaluates to <code>false</code> and the current element and its children are skipped and thus will not be rendered. This provides a way to design SVG that gracefully falls back when features aren't available.\n<p>If the attribute is not present, then its implicit evaluated value is <code>true</code>. If a null string or empty string value is given to attribute <code>requiredFeatures</code>, the attribute is evaluate to <code>false</code>.\n<p><code>requiredFeatures</code> is often used in conjunction with the <a href=\"$MDN_URL$/Web/SVG/Reference/Element/switch\"><code><switch></code></a> element. If <code>requiredFeatures</code> is used in other situations, it represents a simple switch on the given element whether to render the element or not.\n<p>You can use this attribute with the following SVG elements:\n<ul>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/a\"><code><a></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/animate\"><code><animate></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/animateMotion\"><code><animateMotion></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/animateTransform\"><code><animateTransform></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/circle\"><code><circle></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/clipPath\"><code><clipPath></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/defs\"><code><defs></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/ellipse\"><code><ellipse></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/foreignObject\"><code><foreignObject></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/g\"><code><g></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/image\"><code><image></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/line\"><code><line></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/mask\"><code><mask></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/path\"><code><path></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/pattern\"><code><pattern></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/polygon\"><code><polygon></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/polyline\"><code><polyline></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/rect\"><code><rect></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/set\"><code><set></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/svg\"><code><svg></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/switch\"><code><switch></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/use\"><code><use></code></a></li>\n</ul>"
|
||||
@@ -1190,6 +1234,28 @@
|
||||
},
|
||||
"doc": "The <strong><code>text-decoration</code></strong> attribute defines whether text is decorated with an underline, overline and/or strike-through. It is a shorthand for the <a href=\"$MDN_URL$/Web/CSS/text-decoration-line\"><code>text-decoration-line</code></a> and <a href=\"$MDN_URL$/Web/CSS/text-decoration-style\"><code>text-decoration-style</code></a> properties.\n<p>The fill and stroke of the text decoration are given by the fill and stroke of the text at the point where the text decoration is declared.\n<p>The paint order of the text decoration, i.e., the fill and stroke, is determined by the value of the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/paint-order\"><code>paint-order</code></a> attribute at the point where the text decoration is declared.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nAs a presentation attribute, <code>text-decoration</code> also has a CSS property counterpart: <a href=\"$MDN_URL$/Web/CSS/text-decoration\"><code>text-decoration</code></a>. When both are specified, the CSS property takes priority.\n</div>\n<p>You can use this attribute with the following SVG elements:\n<ul>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/text\"><code><text></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/textPath\"><code><textPath></code></a></li>\n<li><a href=\"$MDN_URL$/Web/SVG/Reference/Element/tspan\"><code><tspan></code></a></li>\n</ul>"
|
||||
},
|
||||
"text-overflow": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/text-overflow",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "1",
|
||||
"ChromeAndroid": "18",
|
||||
"Edge": "12",
|
||||
"Firefox": "7",
|
||||
"FirefoxAndroid": "7",
|
||||
"Opera": "11",
|
||||
"Safari": "1.3",
|
||||
"SafariIOS": "1"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The SVG <strong><code>text-overflow</code></strong> attribute specifies how text content block elements render when text overflows line boxes. This can happen, for example, when the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/white-space\"><code>white-space</code></a> attribute or <a href=\"$MDN_URL$/Web/CSS/white-space\"><code>CSS property</code></a> has the value <code>nowrap</code>. The property does not apply to pre-formatted text or text situated on a path.\n<p>In SVG, <code>text-overflow</code> has an effect if there is a validly specified wrapping area, regardless of the computed value of the <a href=\"$MDN_URL$/Web/CSS/overflow\"><code>overflow</code></a> property on the text content block element. The effect is purely visual: clipped text is not removed from the DOM, and any ellipsis, if presented, does not itself become part of the DOM. For all the DOM methods, it is as if <code>text-overflow</code> was not applied, and as if the wrapping area did not constrain the text.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nAs a presentation attribute, <code>text-overflow</code> also has a CSS property counterpart: <a href=\"$MDN_URL$/Web/CSS/text-overflow\"><code>text-overflow</code></a>. When both are specified, the CSS property takes priority.\n</div>"
|
||||
},
|
||||
"text-rendering": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/text-rendering",
|
||||
"status": [
|
||||
@@ -1318,6 +1384,28 @@
|
||||
},
|
||||
"doc": "The <strong><code>visibility</code></strong> attribute lets you control the visibility of graphical elements. With a value of <code>hidden</code> or <code>collapse</code> the current graphics element is invisible.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nIf the <code>visibility</code> attribute is set to <code>hidden</code> on a text element, then the text is invisible but still takes up space in text layout calculations.\n</div>\n<p>Depending on the value of attribute <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/pointer-events\"><code>pointer-events</code></a>, graphics elements which have their <code>visibility</code> attribute set to <code>hidden</code> still might receive events.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nAs a presentation attribute, <code>visibility</code> also has a CSS property counterpart: <a href=\"$MDN_URL$/Web/CSS/visibility\"><code>visibility</code></a>. When both are specified, the CSS property takes priority.\n</div>"
|
||||
},
|
||||
"white-space": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/white-space",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "1",
|
||||
"ChromeAndroid": "18",
|
||||
"Edge": "12",
|
||||
"Firefox": "1",
|
||||
"FirefoxAndroid": "4",
|
||||
"Opera": "4",
|
||||
"Safari": "1",
|
||||
"SafariIOS": "1"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>white-space</code></strong> SVG attribute specifies how <a href=\"$MDN_URL$/Glossary/Whitespace\">white space</a> within text should be handled. This includes whether and how white space inside the element is collapsed and whether lines may wrap at unforced soft wrap opportunities.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nAs a presentation attribute, <code>white-space</code> also has a CSS property counterpart: <a href=\"$MDN_URL$/Web/CSS/white-space\"><code>white-space</code></a>. When both are specified, the CSS property takes priority.\n</div>"
|
||||
},
|
||||
"word-spacing": {
|
||||
"url": "$MDN_URL$/web/svg/reference/attribute/word-spacing",
|
||||
"status": [
|
||||
@@ -8161,8 +8249,11 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code><switch></code></strong> <a href=\"$MDN_URL$/Web/SVG\">SVG</a> element evaluates any <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredFeatures\"><code>requiredFeatures</code></a>, <a class=\"page-not-created\" data-href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredExtensions\" ><code>requiredExtensions</code></a> and <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/systemLanguage\"><code>systemLanguage</code></a> attributes on its direct child elements in order, and then renders the first child where these attributes evaluate to true.\n<p>Other direct children will be bypassed and therefore not rendered. If a child element is a container element, like <a href=\"$MDN_URL$/Web/SVG/Reference/Element/g\"><code><g></code></a>, then its subtree is also processed/rendered or bypassed/not rendered.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>display</code> and <code>visibility</code> properties have no effect on <code><switch></code> element processing. In particular, setting <code>display:none</code> on a child has no effect on the true/false testing for <code><switch></code> processing.\n</div>",
|
||||
"doc": "The <strong><code><switch></code></strong> <a href=\"$MDN_URL$/Web/SVG\">SVG</a> element evaluates any <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredFeatures\"><code>requiredFeatures</code></a>, <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredExtensions\"><code>requiredExtensions</code></a> and <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/systemLanguage\"><code>systemLanguage</code></a> attributes on its direct child elements in order, and then renders the first child where these attributes evaluate to true.\n<p>Other direct children will be bypassed and therefore not rendered. If a child element is a container element, like <a href=\"$MDN_URL$/Web/SVG/Reference/Element/g\"><code><g></code></a>, then its subtree is also processed/rendered or bypassed/not rendered.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>display</code> and <code>visibility</code> properties have no effect on <code><switch></code> element processing. In particular, setting <code>display:none</code> on a child has no effect on the true/false testing for <code><switch></code> processing.\n</div>",
|
||||
"attrs": {
|
||||
"requiredextensions": {
|
||||
"url": "$MDN_URL$/web/svg/reference/element/switch#requiredextensions"
|
||||
},
|
||||
"systemlanguage": {
|
||||
"url": "$MDN_URL$/web/svg/reference/element/switch#systemlanguage",
|
||||
"status": [
|
||||
|
||||
@@ -1095,7 +1095,8 @@
|
||||
"Edge": "133",
|
||||
"Firefox": "142",
|
||||
"FirefoxAndroid": "142",
|
||||
"Opera": "118"
|
||||
"Opera": "118",
|
||||
"Safari": "preview"
|
||||
},
|
||||
"doc": "The <strong><code>overallProgress</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/Animation\"><code>Animation</code></a> interface returns a number between <code>0</code> and <code>1</code> indicating the animation's overall progress towards its finished state. This is the overall progress across all of the animation's iterations, not each individual iteration.\n<p><code>overallProgress</code> works consistently across all animations, regardless of the type of <a href=\"$MDN_URL$/Web/API/AnimationTimeline\" ><code>timeline</code></a>."
|
||||
},
|
||||
@@ -9299,8 +9300,9 @@
|
||||
"SafariIOS": "16.1"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-04-11"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-04-11",
|
||||
"highDate": "2025-10-11"
|
||||
},
|
||||
"doc": "The <strong><code>CanvasRenderingContext2D.createConicGradient()</code></strong> method of the Canvas 2D API creates a gradient around a point with given coordinates.\n<p>This method returns a conic <a href=\"$MDN_URL$/Web/API/CanvasGradient\"><code>CanvasGradient</code></a>. To be applied to a shape, the gradient must first be assigned to the <a href=\"$MDN_URL$/Web/API/CanvasRenderingContext2D/fillStyle\" ><code>fillStyle</code></a> or <a href=\"$MDN_URL$/Web/API/CanvasRenderingContext2D/strokeStyle\" ><code>strokeStyle</code></a> properties.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nGradient coordinates are global, i.e., relative to the current coordinate space. When applied to a shape, the coordinates are NOT relative to the shape's coordinates.\n</div>",
|
||||
"parameters": {
|
||||
@@ -10450,8 +10452,9 @@
|
||||
"SafariIOS": "16"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "LOW",
|
||||
"lowDate": "2023-04-11"
|
||||
"level": "HIGH",
|
||||
"lowDate": "2023-04-11",
|
||||
"highDate": "2025-10-11"
|
||||
},
|
||||
"doc": "The <strong><code>CanvasRenderingContext2D.roundRect()</code></strong> method of the Canvas 2D API adds a rounded rectangle to the current path.\n<p>The radii of the corners can be specified in much the same way as the CSS <a href=\"$MDN_URL$/Web/CSS/border-radius\"><code>border-radius</code></a> property.\n<p>Like other methods that modify the current path, this method does not directly render anything.\nTo draw the rounded rectangle onto a canvas, you can use the <a href=\"$MDN_URL$/Web/API/CanvasRenderingContext2D/fill\" ><code>fill()</code></a> or <a href=\"$MDN_URL$/Web/API/CanvasRenderingContext2D/stroke\" ><code>stroke()</code></a> methods.",
|
||||
"parameters": {
|
||||
@@ -16104,6 +16107,143 @@
|
||||
},
|
||||
"doc": "The read-only <strong><code>overrideColors</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSFontPaletteValuesRule\"><code>CSSFontPaletteValuesRule</code></a> interface is a string containing a list of color index and color pair that are to be used instead. It is specified in the same format as the corresponding <a href=\"$MDN_URL$/Web/CSS/@font-palette-values/override-colors\"><code>override-colors</code></a> descriptor."
|
||||
},
|
||||
"cssfunctiondeclarations": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctiondeclarations",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>CSSFunctionDeclarations</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/CSS_Object_Model\">CSS Object Model</a> represents a consecutive run of CSS declarations included within a <a href=\"$MDN_URL$/Web/CSS/@function\"><code>@function</code></a> body.\n<p>This can include <a href=\"$MDN_URL$/Web/CSS/CSS_cascading_variables/Using_CSS_custom_properties\">CSS custom properties</a>, and the value of the <code>results</code> descriptor inside the <code>@function</code> body, but it doesn't include blocks such as <a href=\"$MDN_URL$/Web/CSS/@media\"><code>@media</code></a> at-rules that may be included. Such a block, included in the middle of a set of declarations, would cause the body contents to be broken up into separate <code>CSSFunctionDeclarations</code> objects, as seen in our <a href=\"#multiple_cssfunctiondeclarations\">Multiple <code>CSSFunctionDeclarations</code></a> demo."
|
||||
},
|
||||
"cssfunctiondeclarations.style": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctiondeclarations/style",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>style</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSFunctionDeclarations\"><code>CSSFunctionDeclarations</code></a> interface returns a <a href=\"$MDN_URL$/Web/API/CSSFunctionDescriptors\"><code>CSSFunctionDescriptors</code></a> object representing the descriptors available in a <a href=\"$MDN_URL$/Web/CSS/@function\"><code>@function</code></a> body."
|
||||
},
|
||||
"cssfunctiondescriptors": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctiondescriptors",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>CSSFunctionDescriptors</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/CSS_Object_Model\">CSS Object Model</a> represents the descriptors contained within a set of CSS declarations represented by a <a href=\"$MDN_URL$/Web/API/CSSFunctionDeclarations\"><code>CSSFunctionDeclarations</code></a> object.\n<p>A <code>CSSFunctionDescriptors</code> object is accessed via the <a href=\"$MDN_URL$/Web/API/CSSFunctionDeclarations/style\"><code>CSSFunctionDeclarations.style</code></a> property."
|
||||
},
|
||||
"cssfunctiondescriptors.result": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctiondescriptors/result",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>result</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSFunctionDescriptors\"><code>CSSFunctionDescriptors</code></a> interface returns a string representing a <code>result</code> descriptor, if one exists in the associated set of declarations."
|
||||
},
|
||||
"cssfunctionrule": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctionrule",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>CSSFunctionRule</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/CSS_Object_Model\">CSS Object Model</a> represents CSS <a href=\"$MDN_URL$/Web/CSS/@function\"><code>@function</code></a> (custom function) <a href=\"$MDN_URL$/Web/CSS/CSS_syntax/At-rule\">at-rules</a>."
|
||||
},
|
||||
"cssfunctionrule.getparameters": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctionrule/getparameters",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>getParameters()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/CSSFunctionRule\"><code>CSSFunctionRule</code></a> interface returns an array of objects representing the custom function's parameters.",
|
||||
"returns": "An array of objects containing the following properties:\n<dl>\n<dt id=\"name\"><a href=\"#name\"><code>name</code></a></dt>\n<dd>\n<p>A string representing the name of the function parameter.\n</dd>\n<dt id=\"type\"><a href=\"#type\"><code>type</code></a></dt>\n<dd>\n<p>A string representing the data type of the parameter, or <code>*</code> if no data type was specified.\n</dd>\n<dt id=\"defaultvalue\"><a href=\"#defaultvalue\"><code>defaultValue</code></a></dt>\n<dd>\n<p>A string representing the default value of the parameter, or <code>null</code> if no default value was specified.\n</dd>\n</dl>\n<p>If no parameters were specified in the associated <a href=\"$MDN_URL$/Web/CSS/@function\"><code>@function</code></a> at-rule, an empty array is returned."
|
||||
},
|
||||
"cssfunctionrule.name": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctionrule/name",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>name</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSFunctionRule\"><code>CSSFunctionRule</code></a> interface returns a string representing the custom function's name."
|
||||
},
|
||||
"cssfunctionrule.returntype": {
|
||||
"url": "$MDN_URL$/web/api/cssfunctionrule/returntype",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "139",
|
||||
"ChromeAndroid": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>returnType</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSFunctionRule\"><code>CSSFunctionRule</code></a> interface returns a string representing the custom function's return type."
|
||||
},
|
||||
"cssgroupingrule": {
|
||||
"url": "$MDN_URL$/web/api/cssgroupingrule",
|
||||
"status": [
|
||||
@@ -18352,7 +18492,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>CSSRule</code></strong> interface represents a single CSS rule. There are several types of rules which inherit properties from <code>CSSRule</code>.\n<ul>\n<li><a href=\"$MDN_URL$/Web/API/CSSGroupingRule\"><code>CSSGroupingRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSStyleRule\"><code>CSSStyleRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSImportRule\"><code>CSSImportRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSMediaRule\"><code>CSSMediaRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSFontFaceRule\"><code>CSSFontFaceRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSPageRule\"><code>CSSPageRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSNamespaceRule\"><code>CSSNamespaceRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSKeyframesRule\"><code>CSSKeyframesRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSKeyframeRule\"><code>CSSKeyframeRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSCounterStyleRule\"><code>CSSCounterStyleRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSSupportsRule\"><code>CSSSupportsRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSFontFeatureValuesRule\"><code>CSSFontFeatureValuesRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSFontPaletteValuesRule\"><code>CSSFontPaletteValuesRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSLayerBlockRule\"><code>CSSLayerBlockRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSLayerStatementRule\"><code>CSSLayerStatementRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSPropertyRule\"><code>CSSPropertyRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSNestedDeclarations\"><code>CSSNestedDeclarations</code></a></li>\n</ul>"
|
||||
"doc": "The <strong><code>CSSRule</code></strong> interface represents a single CSS rule. There are several types of rules which inherit properties from <code>CSSRule</code>.\n<ul>\n<li><a href=\"$MDN_URL$/Web/API/CSSGroupingRule\"><code>CSSGroupingRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSStyleRule\"><code>CSSStyleRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSImportRule\"><code>CSSImportRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSMediaRule\"><code>CSSMediaRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSFontFaceRule\"><code>CSSFontFaceRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSFunctionDeclarations\"><code>CSSFunctionDeclarations</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSPageRule\"><code>CSSPageRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSNamespaceRule\"><code>CSSNamespaceRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSKeyframesRule\"><code>CSSKeyframesRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSKeyframeRule\"><code>CSSKeyframeRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSCounterStyleRule\"><code>CSSCounterStyleRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSSupportsRule\"><code>CSSSupportsRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSFontFeatureValuesRule\"><code>CSSFontFeatureValuesRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSFontPaletteValuesRule\"><code>CSSFontPaletteValuesRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSLayerBlockRule\"><code>CSSLayerBlockRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSLayerStatementRule\"><code>CSSLayerStatementRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSPropertyRule\"><code>CSSPropertyRule</code></a></li>\n<li><a href=\"$MDN_URL$/Web/API/CSSNestedDeclarations\"><code>CSSNestedDeclarations</code></a></li>\n</ul>"
|
||||
},
|
||||
"cssrule.csstext": {
|
||||
"url": "$MDN_URL$/web/api/cssrule/csstext",
|
||||
@@ -18888,7 +19028,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>CSSStyleDeclaration</code></strong> interface represents an object that is a CSS declaration block, and exposes style information and various style-related methods and properties.\n<p>A <code>CSSStyleDeclaration</code> object can be exposed using three different APIs:\n<ul>\n<li>Via <a href=\"$MDN_URL$/Web/API/HTMLElement/style\"><code>HTMLElement.style</code></a>, which deals with the inline styles of a single element (e.g., <code><div style=\"…\"></code>).</li>\n<li>Via the <a href=\"$MDN_URL$/Web/API/CSSStyleSheet\"><code>CSSStyleSheet</code></a> API. For example, <code>document.styleSheets[0].cssRules[0].style</code> returns a <code>CSSStyleDeclaration</code> object on the first CSS rule in the document's first stylesheet.</li>\n<li>Via <a href=\"$MDN_URL$/Web/API/Window/getComputedStyle\"><code>Window.getComputedStyle()</code></a>, which exposes the <code>CSSStyleDeclaration</code> object as a <strong>read-only</strong> interface.</li>\n</ul>"
|
||||
"doc": "The <strong><code>CSSStyleDeclaration</code></strong> interface is the base class for objects that represent CSS declaration blocks with different supported sets of CSS style information:\n<ul>\n<li><a href=\"$MDN_URL$/Web/API/CSSStyleProperties\"><code>CSSStyleProperties</code></a> — CSS styles declared in stylesheet (<a href=\"$MDN_URL$/Web/API/CSSStyleRule/style\"><code>CSSStyleRule.style</code></a>), inline styles for an element such as <a href=\"$MDN_URL$/Web/API/HTMLElement/style\" ><code>HTMLElement</code></a>, <a href=\"$MDN_URL$/Web/API/SVGElement/style\" ><code>SVGElement</code></a>, and <a href=\"$MDN_URL$/Web/API/MathMLElement/style\" ><code>MathMLElement</code></a>, or the computed style for an element returned by <a href=\"$MDN_URL$/Web/API/Window/getComputedStyle\"><code>Window.getComputedStyle()</code></a>.</li>\n<li><a href=\"$MDN_URL$/Web/API/CSSPageDescriptors\"><code>CSSPageDescriptors</code></a> — Styles for CSS <a href=\"$MDN_URL$/Web/CSS/CSS_syntax/At-rule\">at-rules</a>.</li>\n</ul>\n<p>The interface exposes style information and various style-related methods and properties.\nFor example, it provides <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration/getPropertyValue\" ><code>getPropertyValue()</code></a> for getting the value of a dash-named CSS property, such as <code>border-top</code>, which can't be directly accessed using dot notation because of the hyphens in its name.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nEarlier versions of the specification used <code>CSSStyleDeclaration</code> to represent all CSS declaration blocks, and some browsers and browser versions may still do so (check the browser compatibility tables for the above APIs).\nGenerally the same website code will be functional in both old and new versions, but some properties returned in a <code>CSSStyleDeclaration</code> may not be relevant in a particular context.\n</div>"
|
||||
},
|
||||
"cssstyledeclaration.cssfloat": {
|
||||
"url": "$MDN_URL$/web/api/cssstyledeclaration/cssfloat",
|
||||
@@ -18897,15 +19037,10 @@
|
||||
"Deprecated"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "1",
|
||||
"ChromeAndroid": "18",
|
||||
"Edge": "12",
|
||||
"Opera": "12.1",
|
||||
"Safari": "1",
|
||||
"SafariIOS": "1"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Opera": "12.1"
|
||||
},
|
||||
"doc": "<div class=\"notecard deprecated\"><p><strong>Deprecated:</strong> This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the <a href=\"#browser_compatibility\">compatibility table</a> at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.</div>\n<p>The <strong><code>cssFloat</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> interface returns the result of invoking <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration/getPropertyValue\"><code>CSSStyleDeclaration.getPropertyValue()</code></a> with <code>float</code> as an argument.\n<p>When setting, it invokes <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration/setProperty\"><code>CSSStyleDeclaration.setProperty()</code></a> with <code>float</code> as the first argument, and the given value as the second argument. The given value must be a valid value for the <a href=\"$MDN_URL$/Web/CSS/float\"><code>float</code></a> property."
|
||||
},
|
||||
@@ -19132,6 +19267,32 @@
|
||||
"NoModificationAllowedError DOMException": "Thrown if the property or declaration block is read only."
|
||||
}
|
||||
},
|
||||
"cssstyleproperties": {
|
||||
"url": "$MDN_URL$/web/api/cssstyleproperties",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "144",
|
||||
"FirefoxAndroid": "144",
|
||||
"Safari": "26",
|
||||
"SafariIOS": "26"
|
||||
},
|
||||
"doc": "The <strong><code>CSSStyleProperties</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/CSS_Object_Model\">CSS Object Model (CSSOM)</a> represents inline or computed styles available on an element, or the styles associated with a CSS style rule."
|
||||
},
|
||||
"cssstyleproperties.cssfloat": {
|
||||
"url": "$MDN_URL$/web/api/cssstyleproperties/cssfloat",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "144",
|
||||
"FirefoxAndroid": "144",
|
||||
"Safari": "26",
|
||||
"SafariIOS": "26"
|
||||
},
|
||||
"doc": "The <strong><code>cssFloat</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSStyleProperties\"><code>CSSStyleProperties</code></a> interface returns the CSS <a href=\"$MDN_URL$/Web/CSS/float\"><code>float</code></a> property.\n<p>This is the result of invoking <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration/getPropertyValue\" ><code>getPropertyValue()</code></a> on the object with <code>float</code> as an argument.\n<p>When setting, it invokes <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration/setProperty\" ><code>setProperty()</code></a> with <code>float</code> as the first argument, and the given value as the second argument.\nThe given value must be a valid value for the <a href=\"$MDN_URL$/Web/CSS/float\"><code>float</code></a> property."
|
||||
},
|
||||
"cssstylerule": {
|
||||
"url": "$MDN_URL$/web/api/cssstylerule",
|
||||
"status": [
|
||||
@@ -19279,7 +19440,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The read-only <strong><code>style</code></strong> property is the <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> interface for the declaration block of the <a href=\"$MDN_URL$/Web/API/CSSStyleRule\"><code>CSSStyleRule</code></a>."
|
||||
"doc": "The read-only <strong><code>style</code></strong> property is a <a href=\"$MDN_URL$/Web/API/CSSStyleProperties\"><code>CSSStyleProperties</code></a> object that represents the inline styles of a style rule (<a href=\"$MDN_URL$/Web/API/CSSStyleRule\"><code>CSSStyleRule</code></a>).\n<p>Note that properties that are present on the object for all <a href=\"$MDN_URL$/Web/CSS/Properties\">CSS properties</a> supported by the browser.\nThe properties that are not defined inline in the corresponding CSS declaration are set to the empty string (<code>\"\"</code>)."
|
||||
},
|
||||
"cssstylerule.stylemap": {
|
||||
"url": "$MDN_URL$/web/api/cssstylerule/stylemap",
|
||||
@@ -22481,7 +22642,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>Document</code></strong> interface represents any web page loaded in the browser and serves as an entry point into the web page's content, which is the <a href=\"$MDN_URL$/Web/API/Document_Object_Model/Using_the_Document_Object_Model#what_is_a_dom_tree\">DOM tree</a>.\n<p>The DOM tree includes elements such as <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/body\"><code><body></code></a> and <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/table\"><code><table></code></a>, among <a href=\"$MDN_URL$/Web/HTML/Reference/Elements\">many others</a>. It provides functionality globally to the document, like how to obtain the page's URL and create new elements in the document.\n<p>The <code>Document</code> interface describes the common properties and methods for any kind of document. Depending on the document's type (e.g., <a href=\"$MDN_URL$/Web/HTML\">HTML</a>, <a href=\"$MDN_URL$/Web/XML\">XML</a>, SVG, …), a larger API is available: HTML documents, served with the <code>\"text/html\"</code> content type, also implement the <a href=\"$MDN_URL$/Web/API/HTMLDocument\"><code>HTMLDocument</code></a> interface, whereas XML and SVG documents implement the <a href=\"$MDN_URL$/Web/API/XMLDocument\"><code>XMLDocument</code></a> interface."
|
||||
"doc": "The <strong><code>Document</code></strong> interface represents any web page loaded in the browser and serves as an entry point into the web page's content, which is the <a href=\"$MDN_URL$/Web/API/Document_Object_Model#what_is_a_dom_tree\">DOM tree</a>.\n<p>The DOM tree includes elements such as <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/body\"><code><body></code></a> and <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/table\"><code><table></code></a>, among <a href=\"$MDN_URL$/Web/HTML/Reference/Elements\">many others</a>. It provides functionality globally to the document, like how to obtain the page's URL and create new elements in the document.\n<p>The <code>Document</code> interface describes the common properties and methods for any kind of document. Depending on the document's type (e.g., <a href=\"$MDN_URL$/Web/HTML\">HTML</a>, <a href=\"$MDN_URL$/Web/XML\">XML</a>, SVG, …), a larger API is available: HTML documents, served with the <code>\"text/html\"</code> content type, also implement the <a href=\"$MDN_URL$/Web/API/HTMLDocument\"><code>HTMLDocument</code></a> interface, whereas XML and SVG documents implement the <a href=\"$MDN_URL$/Web/API/XMLDocument\"><code>XMLDocument</code></a> interface."
|
||||
},
|
||||
"document.activeelement": {
|
||||
"url": "$MDN_URL$/web/api/document/activeelement",
|
||||
@@ -22503,7 +22664,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>activeElement</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> interface returns the <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> within the DOM that is receiving keyboard events such as <a href=\"$MDN_URL$/Web/API/Element/keydown_event\" ><code>keydown</code></a> and <a href=\"$MDN_URL$/Web/API/Element/keyup_event\" ><code>keyup</code></a>. This is usually analogous to the focused element.\n<p>Which elements are focusable varies depending on the platform and the browser's current configuration. For example, on Safari, following the behavior of macOS, elements that aren't text input elements are not focusable by default, unless the \"Full Keyboard Access\" setting is enabled in System Preferences.\n<p>Typically a user can press the <kbd>Tab</kbd> key to move the focus around the page among focusable elements, and use keyboard gestures such as <kbd>Space</kbd> or <kbd>Enter</kbd> to simulate clicks on the focused element.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nFocus (which element is receiving user input events) is not the same thing as selection (the currently highlighted part of the document). You can get the current selection using <a href=\"$MDN_URL$/Web/API/Window/getSelection\"><code>window.getSelection()</code></a>.\n</div>"
|
||||
"doc": "The <strong><code>activeElement</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> interface returns the <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> within the DOM that is receiving keyboard events such as <a href=\"$MDN_URL$/Web/API/Element/keydown_event\" ><code>keydown</code></a> and <a href=\"$MDN_URL$/Web/API/Element/keyup_event\" ><code>keyup</code></a>. This is usually analogous to the focused element.\n<p>Which elements are focusable varies depending on the platform and the browser's current configuration. For example, on Safari, following the behavior of macOS, elements that aren't text input elements are not focusable by default, unless the \"Full Keyboard Access\" setting is enabled in System Settings.\n<p>Typically a user can press the <kbd>Tab</kbd> key to move the focus around the page among focusable elements, and use keyboard gestures such as <kbd>Space</kbd> or <kbd>Enter</kbd> to simulate clicks on the focused element.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nFocus (which element is receiving user input events) is not the same thing as selection (the currently highlighted part of the document). You can get the current selection using <a href=\"$MDN_URL$/Web/API/Window/getSelection\"><code>window.getSelection()</code></a>.\n</div>"
|
||||
},
|
||||
"document.adoptedstylesheets": {
|
||||
"url": "$MDN_URL$/web/api/document/adoptedstylesheets",
|
||||
@@ -22663,6 +22824,9 @@
|
||||
"Experimental"
|
||||
],
|
||||
"compatibility": {},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<div class=\"notecard nonstandard\"><p><strong>Non-standard:</strong> This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.</div>\n<p>The <strong><code>ariaNotify()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> interface specifies that a given string of text should be announced by a <a href=\"$MDN_URL$/Glossary/Screen_reader\">screen reader</a> if available and activated.",
|
||||
"parameters": {
|
||||
"announcement": "A string specifying the text to be announced.",
|
||||
@@ -23209,7 +23373,7 @@
|
||||
"doc": "The <strong><code>Document.createNodeIterator()</code></strong> method returns a new <a href=\"$MDN_URL$/Web/API/NodeIterator\"><code>NodeIterator</code></a> object.",
|
||||
"parameters": {
|
||||
"root": "The root node at which to begin the <a href=\"$MDN_URL$/Web/API/NodeIterator\"><code>NodeIterator</code></a>'s traversal.",
|
||||
"whatToShow": "An optional <code>unsigned long</code> representing a bitmask created by\ncombining the constant properties of <code>NodeFilter</code>.\nIt is a convenient way of filtering for certain types of node. It defaults to\n<code>0xFFFFFFFF</code> representing the <code>SHOW_ALL</code> constant.\n<figure class=\"table-container\"><table>\n<thead>\n<tr>\n<th>Constant</th>\n<th>Numerical value</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>NodeFilter.SHOW_ALL</code></td>\n<td><code>4294967295</code> (that is the max value of <code>unsigned long</code>)</td>\n<td>Shows all nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ATTRIBUTE</code></td>\n<td><code>2</code></td>\n<td>Shows attribute <a href=\"$MDN_URL$/Web/API/Attr\"><code>Attr</code></a> nodes. This is meaningful only when creating a <a href=\"$MDN_URL$/Web/API/TreeWalker\"><code>TreeWalker</code></a> with an <a href=\"$MDN_URL$/Web/API/Attr\"><code>Attr</code></a> node as its root. In this case, it means that the attribute node will appear in the first position of the iteration or traversal. Since attributes are never children of other nodes, they do not appear when traversing over the document tree.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_CDATA_SECTION</code></td>\n<td><code>8</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/CDATASection\"><code>CDATASection</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_COMMENT</code></td>\n<td><code>128</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Comment\"><code>Comment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT</code></td>\n<td><code>256</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>\n<td><code>1024</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentFragment\"><code>DocumentFragment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>\n<td><code>512</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentType\"><code>DocumentType</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ELEMENT</code></td>\n<td><code>1</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY</code> </td>\n<td><code>32</code></td>\n<td>Legacy, no more usable.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY_REFERENCE</code> </td>\n<td><code>16</code></td>\n<td>Legacy, no more usable.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_NOTATION</code> </td>\n<td><code>2048</code></td>\n<td>Legacy, no more usable.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>\n<td><code>64</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/ProcessingInstruction\"><code>ProcessingInstruction</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_TEXT</code></td>\n<td><code>4</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Text\"><code>Text</code></a> nodes.</td>\n</tr>\n</tbody>\n</table></figure>",
|
||||
"whatToShow": "An optional <code>unsigned long</code> representing a bitmask created by\ncombining the constant properties of <code>NodeFilter</code>.\nIt is a convenient way of filtering for certain types of node. It defaults to\n<code>0xFFFFFFFF</code> representing the <code>SHOW_ALL</code> constant.\n<figure class=\"table-container\"><table>\n<thead>\n<tr>\n<th>Constant</th>\n<th>Numerical value</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>NodeFilter.SHOW_ALL</code></td>\n<td><code>0xFFFFFFFF</code></td>\n<td>Shows all nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ATTRIBUTE</code></td>\n<td><code>0x2</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Attr\"><code>Attr</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_CDATA_SECTION</code></td>\n<td><code>0x8</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/CDATASection\"><code>CDATASection</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_COMMENT</code></td>\n<td><code>0x80</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Comment\"><code>Comment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT</code></td>\n<td><code>0x100</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>\n<td><code>0x400</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentFragment\"><code>DocumentFragment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>\n<td><code>0x200</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentType\"><code>DocumentType</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ELEMENT</code></td>\n<td><code>0x1</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY</code> </td>\n<td><code>0x20</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY_REFERENCE</code> </td>\n<td><code>0x10</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_NOTATION</code> </td>\n<td><code>0x800</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>\n<td><code>0x40</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/ProcessingInstruction\"><code>ProcessingInstruction</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_TEXT</code></td>\n<td><code>0x4</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Text\"><code>Text</code></a> nodes.</td>\n</tr>\n</tbody>\n</table></figure>\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>NodeFilter.SHOW_ATTRIBUTE</code> constant is only effective when the root is an attribute node. Since the parent of any <code>Attr</code> node is always <code>null</code>, <a href=\"$MDN_URL$/Web/API/TreeWalker/nextNode\"><code>TreeWalker.nextNode()</code></a> and <a href=\"$MDN_URL$/Web/API/TreeWalker/previousNode\"><code>TreeWalker.previousNode()</code></a> will never return an <code>Attr</code> node. To traverse <code>Attr</code> nodes, use <a href=\"$MDN_URL$/Web/API/Element/attributes\"><code>Element.attributes</code></a> instead.\n</div>",
|
||||
"filter": "A callback function or an object with an <code>acceptNode()</code> method. The function or method will be called for each node in the subtree based at root which is accepted as included by the whatToShow flag to determine whether or not to include it in the list of iterable nodes. The method should return one of <code>NodeFilter.FILTER_ACCEPT</code>, <code>NodeFilter.FILTER_REJECT</code>, or <code>NodeFilter.FILTER_SKIP</code>. See the <a href=\"#examples\">Example</a>.\n<p>For <code>createNodeIterator</code>, the values <code>NodeFilter.FILTER_REJECT</code> and <code>NodeFilter.FILTER_SKIP</code> are equivalent. This node will not be included in the list of iterable nodes, but its children will continue to be iterated over."
|
||||
},
|
||||
"returns": "A new <a href=\"$MDN_URL$/Web/API/NodeIterator\"><code>NodeIterator</code></a> object."
|
||||
@@ -23381,7 +23545,7 @@
|
||||
"doc": "The <strong><code>Document.createTreeWalker()</code></strong> creator method returns a newly created <a href=\"$MDN_URL$/Web/API/TreeWalker\"><code>TreeWalker</code></a> object.",
|
||||
"parameters": {
|
||||
"root": "A <a href=\"$MDN_URL$/Web/API/Node\"><code>Node</code></a> representing the root of the <code>TreeWalker</code> object, which is the initial value of <a href=\"$MDN_URL$/Web/API/TreeWalker/currentNode\"><code>TreeWalker.currentNode</code></a>.",
|
||||
"whatToShow": "An <code>unsigned long</code> representing a bitmask created by combining the constant properties of <a href=\"https://dom.spec.whatwg.org/#interface-nodefilter\" class=\"external\" target=\"_blank\"><code>NodeFilter</code></a>. It is a convenient way of filtering for certain types of node. It defaults to <code>0xFFFFFFFF</code>, representing the <code>NodeFilter.SHOW_ALL</code> constant.\n<figure class=\"table-container\"><table>\n<thead>\n<tr>\n<th>Constant</th>\n<th>Numerical value</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>NodeFilter.SHOW_ALL</code></td>\n<td><code>0xFFFFFFFF</code></td>\n<td>Shows all nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ATTRIBUTE</code></td>\n<td><code>0x2</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Attr\"><code>Attr</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_CDATA_SECTION</code></td>\n<td><code>0x8</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/CDATASection\"><code>CDATASection</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_COMMENT</code></td>\n<td><code>0x80</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Comment\"><code>Comment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT</code></td>\n<td><code>0x100</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>\n<td><code>0x400</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentFragment\"><code>DocumentFragment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>\n<td><code>0x200</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentType\"><code>DocumentType</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ELEMENT</code></td>\n<td><code>0x1</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY</code> </td>\n<td><code>0x20</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY_REFERENCE</code> </td>\n<td><code>0x10</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_NOTATION</code> </td>\n<td><code>0x800</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>\n<td><code>0x40</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/ProcessingInstruction\"><code>ProcessingInstruction</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_TEXT</code></td>\n<td><code>0x4</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Text\"><code>Text</code></a> nodes.</td>\n</tr>\n</tbody>\n</table></figure>\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nSince the parent of any <code>Attr</code> node is always <code>null</code>, <a href=\"$MDN_URL$/Web/API/TreeWalker/nextNode\"><code>TreeWalker.nextNode()</code></a> and <a href=\"$MDN_URL$/Web/API/TreeWalker/previousNode\"><code>TreeWalker.previousNode()</code></a> will never return an <code>Attr</code> node. To traverse <code>Attr</code> nodes, use <a href=\"$MDN_URL$/Web/API/Element/attributes\"><code>Element.attributes</code></a> instead.\n</div>",
|
||||
"whatToShow": "An <code>unsigned long</code> representing a bitmask created by combining the constant properties of <a href=\"https://dom.spec.whatwg.org/#interface-nodefilter\" class=\"external\" target=\"_blank\"><code>NodeFilter</code></a>. It is a convenient way of filtering for certain types of node. It defaults to <code>0xFFFFFFFF</code>, representing the <code>NodeFilter.SHOW_ALL</code> constant.\n<figure class=\"table-container\"><table>\n<thead>\n<tr>\n<th>Constant</th>\n<th>Numerical value</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>NodeFilter.SHOW_ALL</code></td>\n<td><code>0xFFFFFFFF</code></td>\n<td>Shows all nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ATTRIBUTE</code></td>\n<td><code>0x2</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Attr\"><code>Attr</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_CDATA_SECTION</code></td>\n<td><code>0x8</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/CDATASection\"><code>CDATASection</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_COMMENT</code></td>\n<td><code>0x80</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Comment\"><code>Comment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT</code></td>\n<td><code>0x100</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>\n<td><code>0x400</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentFragment\"><code>DocumentFragment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>\n<td><code>0x200</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentType\"><code>DocumentType</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ELEMENT</code></td>\n<td><code>0x1</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY</code> </td>\n<td><code>0x20</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY_REFERENCE</code> </td>\n<td><code>0x10</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_NOTATION</code> </td>\n<td><code>0x800</code></td>\n<td>Legacy, no longer effective.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>\n<td><code>0x40</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/ProcessingInstruction\"><code>ProcessingInstruction</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_TEXT</code></td>\n<td><code>0x4</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Text\"><code>Text</code></a> nodes.</td>\n</tr>\n</tbody>\n</table></figure>\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <code>NodeFilter.SHOW_ATTRIBUTE</code> constant is only effective when the root is an attribute node. Since the parent of any <code>Attr</code> node is always <code>null</code>, <a href=\"$MDN_URL$/Web/API/TreeWalker/nextNode\"><code>TreeWalker.nextNode()</code></a> and <a href=\"$MDN_URL$/Web/API/TreeWalker/previousNode\"><code>TreeWalker.previousNode()</code></a> will never return an <code>Attr</code> node. To traverse <code>Attr</code> nodes, use <a href=\"$MDN_URL$/Web/API/Element/attributes\"><code>Element.attributes</code></a> instead.\n</div>",
|
||||
"filter": "A callback function or an object with an <code>acceptNode()</code> method, which returns <code>NodeFilter.FILTER_ACCEPT</code>, <code>NodeFilter.FILTER_REJECT</code>, or <code>NodeFilter.FILTER_SKIP</code>. The function or method will be called for each node in the subtree based at <code>root</code> which is accepted as included by the <code>whatToShow</code> flag to determine whether or not to include it in the list of iterable nodes:\n<ul>\n<li>If the return value is <code>NodeFilter.FILTER_ACCEPT</code>, this node is included.</li>\n<li>If the return value is <code>NodeFilter.FILTER_REJECT</code>, any node in the subtree based at this node is not included.</li>\n<li>If the return value is <code>NodeFilter.FILTER_SKIP</code>, this node is not included.</li>\n</ul>"
|
||||
},
|
||||
"returns": "A new <a href=\"$MDN_URL$/Web/API/TreeWalker\"><code>TreeWalker</code></a> object."
|
||||
@@ -25022,7 +25186,8 @@
|
||||
"SafariIOS": "18"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-14"
|
||||
},
|
||||
"doc": "The <strong><code>startViewTransition()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> interface starts a new same-document (SPA) <a href=\"$MDN_URL$/Web/API/View_Transition_API\">view transition</a> and returns a <a href=\"$MDN_URL$/Web/API/ViewTransition\"><code>ViewTransition</code></a> object to represent it.\n<p>When <code>startViewTransition()</code> is invoked, a sequence of steps is followed as explained in <a href=\"$MDN_URL$/Web/API/View_Transition_API/Using#the_view_transition_process\">The view transition process</a>.",
|
||||
"parameters": {
|
||||
@@ -27120,7 +27285,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>DOMParser</code></strong> interface provides\nthe ability to parse <a href=\"$MDN_URL$/Glossary/XML\">XML</a> or <a href=\"$MDN_URL$/Glossary/HTML\">HTML</a> source code from a\nstring into a DOM <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a>.\n<p>You can perform the opposite operation—converting a DOM tree into XML or HTML\nsource—using the <a href=\"$MDN_URL$/Web/API/XMLSerializer\"><code>XMLSerializer</code></a> interface.\n<p>In the case of an HTML document, you can also replace portions of the DOM with new DOM\ntrees built from HTML by setting the value of the <a href=\"$MDN_URL$/Web/API/Element/innerHTML\"><code>Element.innerHTML</code></a> and\n<a href=\"$MDN_URL$/Web/API/Element/outerHTML\" ><code>outerHTML</code></a> properties. These properties can also be\nread to fetch HTML fragments corresponding to the corresponding DOM subtree.\n<p>Note that <a href=\"$MDN_URL$/Web/API/XMLHttpRequest\"><code>XMLHttpRequest</code></a> can parse XML and HTML directly\nfrom a URL-addressable resource, returning a <code>Document</code> in its\n<a href=\"$MDN_URL$/Web/API/XMLHttpRequest/response\" ><code>response</code></a> property.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nBe aware that <a href=\"$MDN_URL$/Glossary/Block-level_content\">block-level elements</a>\nlike <code><p></code> will be automatically closed if another\nblock-level element is nested inside and therefore parsed before the closing <code></p></code> tag.\n</div>"
|
||||
"doc": "The <strong><code>DOMParser</code></strong> interface provides the ability to parse <a href=\"$MDN_URL$/Glossary/XML\">XML</a> or <a href=\"$MDN_URL$/Glossary/HTML\">HTML</a> source code from a string into a DOM <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a>.\n<p>You can perform the opposite operation—converting a DOM tree into XML or HTML source—using the <a href=\"$MDN_URL$/Web/API/XMLSerializer\"><code>XMLSerializer</code></a> interface.\n<p>In the case of an HTML document, you can also replace portions of the DOM with new DOM trees built from HTML by setting the value of the <a href=\"$MDN_URL$/Web/API/Element/innerHTML\"><code>Element.innerHTML</code></a> and <a href=\"$MDN_URL$/Web/API/Element/outerHTML\" ><code>outerHTML</code></a> properties. These properties can also be read to fetch HTML fragments corresponding to the corresponding DOM subtree.\n<p>Note that <a href=\"$MDN_URL$/Web/API/XMLHttpRequest\"><code>XMLHttpRequest</code></a> can parse XML and HTML directly from a URL-addressable resource, returning a <code>Document</code> in its <a href=\"$MDN_URL$/Web/API/XMLHttpRequest/response\" ><code>response</code></a> property.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nBe aware that <a href=\"$MDN_URL$/Glossary/Block-level_content\">block-level elements</a> like <code><p></code> will be automatically closed if another block-level element is nested inside and therefore parsed before the closing <code></p></code> tag.\n</div>"
|
||||
},
|
||||
"domparser.domparser": {
|
||||
"url": "$MDN_URL$/web/api/domparser/domparser",
|
||||
@@ -27165,12 +27330,15 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>parseFromString()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/DOMParser\"><code>DOMParser</code></a> interface parses a string containing either HTML or XML, returning an <a href=\"$MDN_URL$/Web/API/HTMLDocument\"><code>HTMLDocument</code></a> or an <a href=\"$MDN_URL$/Web/API/XMLDocument\"><code>XMLDocument</code></a>.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <a href=\"$MDN_URL$/Web/API/Document/parseHTMLUnsafe_static\"><code>Document.parseHTMLUnsafe()</code></a> static method provides an ergonomic alternative for parsing HTML strings into a <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a>.\n</div>",
|
||||
"doc": "<div class=\"notecard warning\">\n<p><strong>Warning:</strong>\nThis method parses its input as HTML, writing the result into the DOM.\nAPIs like this are known as <a href=\"$MDN_URL$/Web/API/Trusted_Types_API#concepts_and_usage\">injection sinks</a>, and are potentially a vector for <a href=\"$MDN_URL$/Web/Security/Attacks/XSS\">cross-site-scripting (XSS)</a> attacks, if the input originally came from an attacker.\n<p>You can mitigate this risk by always passing <code>TrustedHTML</code> objects instead of strings and <a href=\"$MDN_URL$/Web/API/Trusted_Types_API#using_a_csp_to_enforce_trusted_types\">enforcing trusted types</a>.\nSee <a href=\"#security_considerations\">Security considerations</a> for more information.\n</div>\n<p>The <strong><code>parseFromString()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/DOMParser\"><code>DOMParser</code></a> interface parses an input containing either HTML or XML, returning a <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> with the type given in the <a href=\"$MDN_URL$/Web/API/Document/contentType\" ><code>contentType</code></a> property.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe <a href=\"$MDN_URL$/Web/API/Document/parseHTMLUnsafe_static\"><code>Document.parseHTMLUnsafe()</code></a> static method provides an ergonomic alternative for parsing HTML markup into a <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a>.\n</div>",
|
||||
"parameters": {
|
||||
"string": "The string to be parsed. It must contain either an\n<a href=\"$MDN_URL$/Glossary/HTML\">HTML</a>, <a href=\"$MDN_URL$/Glossary/XML\">xml</a>, <a href=\"$MDN_URL$/Glossary/XHTML\">XHTML</a>, or\n<a href=\"$MDN_URL$/Glossary/SVG\">svg</a> document.",
|
||||
"mimeType": "A string. This string determines whether the XML parser or the HTML parser is used to parse the string. Valid values are:\n<ul>\n<li><code>text/html</code></li>\n<li><code>text/xml</code></li>\n<li><code>application/xml</code></li>\n<li><code>application/xhtml+xml</code></li>\n<li><code>image/svg+xml</code></li>\n</ul>\n<p>A value of <code>text/html</code> will invoke the HTML parser, and the method will return an <a href=\"$MDN_URL$/Web/API/HTMLDocument\"><code>HTMLDocument</code></a>. Any <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/script\"><code><script></code></a> element gets marked non-executable, and the contents of <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/noscript\"><code><noscript></code></a> are parsed as markup.\n<p>The other valid values (<code>text/xml</code>, <code>application/xml</code>, <code>application/xhtml+xml</code>, and <code>image/svg+xml</code>) are functionally equivalent. They all invoke the XML parser, and the method will return a <a href=\"$MDN_URL$/Web/API/XMLDocument\"><code>XMLDocument</code></a>.\n<p>Any other value is invalid and will cause a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/TypeError\"><code>TypeError</code></a> to be thrown."
|
||||
"input": "A <a href=\"$MDN_URL$/Web/API/TrustedHTML\"><code>TrustedHTML</code></a> or string instance defining HTML to be parsed.\nThe markup must contain either an <a href=\"$MDN_URL$/Glossary/HTML\">HTML</a>, <a href=\"$MDN_URL$/Glossary/XML\">XML</a>, <a href=\"$MDN_URL$/Glossary/XHTML\">XHTML</a>, or <a href=\"$MDN_URL$/Glossary/SVG\">SVG</a> document.",
|
||||
"mimeType": "A string that specifies whether the XML parser or the HTML parser is used to parse the string.\n<p>Allowed values are:\n<ul>\n<li><code>text/html</code></li>\n<li><code>text/xml</code></li>\n<li><code>application/xml</code></li>\n<li><code>application/xhtml+xml</code></li>\n<li><code>image/svg+xml</code></li>\n</ul>"
|
||||
},
|
||||
"returns": "An <a href=\"$MDN_URL$/Web/API/HTMLDocument\"><code>HTMLDocument</code></a> or an <a href=\"$MDN_URL$/Web/API/XMLDocument\"><code>XMLDocument</code></a>, depending on the\n<code>mimeType</code> argument."
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> with <a href=\"$MDN_URL$/Web/API/Document/contentType\" title=\"contentType\"><code>contentType</code></a> matching the given <code>mimeType</code>.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThe browser may actually return an <a href=\"$MDN_URL$/Web/API/HTMLDocument\"><code>HTMLDocument</code></a> or <a href=\"$MDN_URL$/Web/API/XMLDocument\"><code>XMLDocument</code></a> object.\nThese derive from <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> and add no attributes: they are essentially equivalent.\n</div>",
|
||||
"throws": {
|
||||
"TypeError": "This is thrown when:\n<ul>\n<li><code>mimeType</code> is passed a value that is not one of the <a href=\"#mimetype\">allowed values</a>.</li>\n<li><code>input</code> is passed a string value when <a href=\"$MDN_URL$/Web/API/Trusted_Types_API\">Trusted Types</a> are <a href=\"$MDN_URL$/Web/API/Trusted_Types_API#using_a_csp_to_enforce_trusted_types\">enforced by a CSP</a> and no default policy is defined.</li>\n</ul>"
|
||||
}
|
||||
},
|
||||
"dompoint": {
|
||||
"url": "$MDN_URL$/web/api/dompoint",
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -4,8 +4,6 @@
|
||||
"abstractrange.endoffset": "staticrange.endoffset",
|
||||
"abstractrange.startcontainer": "staticrange.startcontainer",
|
||||
"abstractrange.startoffset": "staticrange.startoffset",
|
||||
"animatable.animate": "element.animate",
|
||||
"animatable.getanimations": "element.getanimations",
|
||||
"animationframeprovider.cancelanimationframe": "window.cancelanimationframe",
|
||||
"animationframeprovider.requestanimationframe": "window.requestanimationframe",
|
||||
"ariamixin.ariaatomic": "elementinternals.ariaatomic",
|
||||
@@ -121,10 +119,10 @@
|
||||
"canvastransform.transform": "offscreencanvasrenderingcontext2d.transform",
|
||||
"canvastransform.translate": "offscreencanvasrenderingcontext2d.translate",
|
||||
"canvasuserinterface.drawfocusifneeded": "canvasrenderingcontext2d.drawfocusifneeded",
|
||||
"childnode.after": "element.after",
|
||||
"childnode.before": "element.before",
|
||||
"childnode.remove": "element.remove",
|
||||
"childnode.replacewith": "element.replacewith",
|
||||
"childnode.after": "documenttype.after",
|
||||
"childnode.before": "documenttype.before",
|
||||
"childnode.remove": "documenttype.remove",
|
||||
"childnode.replacewith": "documenttype.replacewith",
|
||||
"credential.id": "publickeycredential.id",
|
||||
"cssgroupingrule.cssrules": "cssstylerule.cssrules",
|
||||
"cssgroupingrule.deleterule": "cssstylerule.deleterule",
|
||||
@@ -208,17 +206,15 @@
|
||||
"navigatorplugins.pdfviewerenabled": "navigator.pdfviewerenabled",
|
||||
"navigatorplugins.plugins": "navigator.plugins",
|
||||
"navigatorstorage.storage": "navigator.storage",
|
||||
"nondocumenttypechildnode.nextelementsibling": "element.nextelementsibling",
|
||||
"nondocumenttypechildnode.previouselementsibling": "element.previouselementsibling",
|
||||
"parentnode.append": "element.append",
|
||||
"parentnode.childelementcount": "element.childelementcount",
|
||||
"parentnode.children": "element.children",
|
||||
"parentnode.firstelementchild": "element.firstelementchild",
|
||||
"parentnode.lastelementchild": "element.lastelementchild",
|
||||
"parentnode.prepend": "element.prepend",
|
||||
"parentnode.queryselector": "element.queryselector",
|
||||
"parentnode.queryselectorall": "element.queryselectorall",
|
||||
"parentnode.replacechildren": "element.replacechildren",
|
||||
"parentnode.append": "documentfragment.append",
|
||||
"parentnode.childelementcount": "documentfragment.childelementcount",
|
||||
"parentnode.children": "documentfragment.children",
|
||||
"parentnode.firstelementchild": "documentfragment.firstelementchild",
|
||||
"parentnode.lastelementchild": "documentfragment.lastelementchild",
|
||||
"parentnode.prepend": "documentfragment.prepend",
|
||||
"parentnode.queryselector": "documentfragment.queryselector",
|
||||
"parentnode.queryselectorall": "documentfragment.queryselectorall",
|
||||
"parentnode.replacechildren": "documentfragment.replacechildren",
|
||||
"popoverinvokerelement.popovertargetaction": "htmlinputelement.popovertargetaction",
|
||||
"popoverinvokerelement.popovertargetelement": "htmlinputelement.popovertargetelement",
|
||||
"readablestreamgenericreader.cancel": "readablestreamdefaultreader.cancel",
|
||||
@@ -249,7 +245,6 @@
|
||||
"set.keys": "highlight.keys",
|
||||
"set.size": "highlight.size",
|
||||
"set.values": "highlight.values",
|
||||
"slottable.assignedslot": "text.assignedslot",
|
||||
"subtlecrypto.derivebits": "subtlecrypto.derivebits.derivebits",
|
||||
"subtlecrypto.derivekey": "subtlecrypto.derivekey.derivekey",
|
||||
"subtlecrypto.exportkey": "subtlecrypto.exportkey.exportkey",
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1228,7 +1228,7 @@
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>ReadableStream()</code></strong> constructor creates and returns a readable stream object from the given handlers.\n<p>Note that while all parameters are technically optional, omitting the <code>underlyingSource</code> will result in a stream that has no source, and that can't be read from (readers return a promise that will never be resolved).",
|
||||
"parameters": {
|
||||
"underlyingSource": "An object containing methods and properties that define how the constructed stream instance will behave.\n<code>underlyingSource</code> can contain the following:\n<dl>\n<dt id=\"start\"><a href=\"#start\"><code>start</code> (controller) <span class=\"badge inline optional\">Optional</span></a></dt>\n<dd>\n<p>This is a method, called immediately when the object is constructed. The\ncontents of this method are defined by the developer, and should aim to get access\nto the stream source, and do anything else required to set up the stream\nfunctionality. If this process is to be done asynchronously, it can return a\npromise to signal success or failure. The <code>controller</code> parameter passed\nto this method is a <a href=\"$MDN_URL$/Web/API/ReadableStreamDefaultController\"><code>ReadableStreamDefaultController</code></a> or a\n<a href=\"$MDN_URL$/Web/API/ReadableByteStreamController\"><code>ReadableByteStreamController</code></a>, depending on the value of the\n<code>type</code> property. This can be used by the developer to control the\nstream during set up.\n</dd>\n<dt id=\"pull\"><a href=\"#pull\"><code>pull</code> (controller) <span class=\"badge inline optional\">Optional</span></a></dt>\n<dd>\n<p>This method, also defined by the developer, will be called repeatedly when the\nstream's internal queue of chunks is not full, up until it reaches its high water\nmark. If <code>pull()</code> returns a promise, then it won't be called again\nuntil that promise fulfills; if the promise rejects, the stream will become\nerrored. The <code>controller</code> parameter passed to this method is a\n<a href=\"$MDN_URL$/Web/API/ReadableStreamDefaultController\"><code>ReadableStreamDefaultController</code></a> or a\n<a href=\"$MDN_URL$/Web/API/ReadableByteStreamController\"><code>ReadableByteStreamController</code></a>, depending on the value of the\n<code>type</code> property. This can be used by the developer to control the\nstream as more chunks are fetched. This function will not be called until <code>start()</code>\nsuccessfully completes. Additionally, it will only be called repeatedly if it\nenqueues at least one chunk or fulfills a BYOB request; a no-op <code>pull()</code>\nimplementation will not be continually called.\n</dd>\n<dt id=\"cancel\"><a href=\"#cancel\"><code>cancel</code> (reason) <span class=\"badge inline optional\">Optional</span></a></dt>\n<dd>\n<p>This method, also defined by the developer, will be called if the app signals\nthat the stream is to be cancelled (e.g., if <a href=\"$MDN_URL$/Web/API/ReadableStream/cancel\"><code>ReadableStream.cancel()</code></a>\nis called). The contents should do whatever is necessary to release access to the\nstream source. If this process is asynchronous, it can return a promise to signal\nsuccess or failure. The <code>reason</code> parameter contains a\nstring describing why the stream was cancelled.\n</dd>\n<dt id=\"type\"><a href=\"#type\"><code>type</code> <span class=\"badge inline optional\">Optional</span></a></dt>\n<dd>\n<p>This property controls what type of readable stream is being dealt with. If it\nis included with a value set to <code>\"bytes\"</code>, the passed controller object\nwill be a <a href=\"$MDN_URL$/Web/API/ReadableByteStreamController\"><code>ReadableByteStreamController</code></a> capable of handling a BYOB\n(bring your own buffer)/byte stream. If it is not included, the passed controller\nwill be a <a href=\"$MDN_URL$/Web/API/ReadableStreamDefaultController\"><code>ReadableStreamDefaultController</code></a>.\n</dd>\n<dt id=\"autoallocatechunksize\"><a href=\"#autoallocatechunksize\"><code>autoAllocateChunkSize</code> <span class=\"badge inline optional\">Optional</span></a></dt>\n<dd>\n<p>For byte streams, the developer can set the <code>autoAllocateChunkSize</code> with a positive integer value to turn on the stream's auto-allocation feature.\nWith this is set, the stream implementation will automatically allocate a view buffer of the specified size in <a href=\"$MDN_URL$/Web/API/ReadableByteStreamController/byobRequest\"><code>ReadableByteStreamController.byobRequest</code></a> when required.\n<p>This must be set to enable zero-copy transfers to be used with a default <a href=\"$MDN_URL$/Web/API/ReadableStreamDefaultReader\"><code>ReadableStreamDefaultReader</code></a>.\nIf not set, a default reader will still stream data, but <a href=\"$MDN_URL$/Web/API/ReadableByteStreamController/byobRequest\"><code>ReadableByteStreamController.byobRequest</code></a> will always be <code>null</code> and transfers to the consumer must be via the stream's internal queues.\n</dd>\n</dl>",
|
||||
"queuingStrategy": "An object that optionally defines a queuing strategy for the stream. This takes two\nparameters:\n<dl>\n<dt id=\"highwatermark\"><a href=\"#highwatermark\"><code>highWaterMark</code></a></dt>\n<dd>\n<p>A non-negative integer — this defines the total number of chunks that can be\ncontained in the internal queue before backpressure is applied.\n</dd>\n<dt id=\"sizechunk\"><a href=\"#sizechunk\"><code>size(chunk)</code></a></dt>\n<dd>\n<p>A method containing a parameter <code>chunk</code> — this indicates the size to\nuse for each chunk, in bytes.\n</dd>\n</dl>\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nYou could define your own custom\n<code>queuingStrategy</code>, or use an instance of\n<a href=\"$MDN_URL$/Web/API/ByteLengthQueuingStrategy\"><code>ByteLengthQueuingStrategy</code></a> or <a href=\"$MDN_URL$/Web/API/CountQueuingStrategy\"><code>CountQueuingStrategy</code></a>\nfor this object value. If no <code>queuingStrategy</code> is supplied, the default\nused is the same as a <code>CountQueuingStrategy</code> with a high water mark of\n1.\n</div>"
|
||||
"queuingStrategy": "An object that optionally defines a queuing strategy for the stream. This takes two\nparameters:\n<dl>\n<dt id=\"highwatermark\"><a href=\"#highwatermark\"><code>highWaterMark</code></a></dt>\n<dd>\n<p>A non-negative integer — this defines the total size of all chunks that can be\ncontained in the internal queue before backpressure is applied.\n</dd>\n<dt id=\"sizechunk\"><a href=\"#sizechunk\"><code>size(chunk)</code></a></dt>\n<dd>\n<p>A method containing a parameter <code>chunk</code> — this indicates the size to\nuse for each chunk, in bytes.\n</dd>\n</dl>\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nYou could define your own custom\n<code>queuingStrategy</code>, or use an instance of\n<a href=\"$MDN_URL$/Web/API/ByteLengthQueuingStrategy\"><code>ByteLengthQueuingStrategy</code></a> or <a href=\"$MDN_URL$/Web/API/CountQueuingStrategy\"><code>CountQueuingStrategy</code></a>\nfor this object value. If no <code>queuingStrategy</code> is supplied, the default\nused is the same as a <code>CountQueuingStrategy</code> with a high water mark of\n1.\n</div>"
|
||||
},
|
||||
"returns": "An instance of the <a href=\"$MDN_URL$/Web/API/ReadableStream\"><code>ReadableStream</code></a> object.",
|
||||
"throws": {
|
||||
@@ -8118,7 +8118,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>transform</code></strong> property of the <a href=\"$MDN_URL$/Web/API/RTCRtpReceiver\"><code>RTCRtpReceiver</code></a> object is used to insert a transform stream (<a href=\"$MDN_URL$/Web/API/TransformStream\"><code>TransformStream</code></a>) running in a worker thread into the receiver pipeline.\nThis allows stream transforms to be applied to encoded video and audio frames as they arrive from the packetizer (before they are played/rendered).\n<p>The transform that is to be added is defined using an <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransform\"><code>RTCRtpScriptTransform</code></a> and its associated <a href=\"$MDN_URL$/Web/API/Worker\"><code>Worker</code></a>.\nIf the transform is set in the peer connection <a href=\"$MDN_URL$/Web/API/RTCPeerConnection/track_event\"><code>track</code> event</a> handler, the transform stream will receive the first full incoming frame for the track."
|
||||
},
|
||||
@@ -8159,7 +8160,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>RTCRtpScriptTransform</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/WebRTC_API\">WebRTC API</a> is used to insert a <a href=\"$MDN_URL$/Web/API/WebRTC_API/Using_Encoded_Transforms\">WebRTC Encoded Transform</a> (a <a href=\"$MDN_URL$/Web/API/TransformStream\"><code>TransformStream</code></a> running in a worker thread) into the WebRTC sender and receiver pipelines."
|
||||
},
|
||||
@@ -8178,7 +8180,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>RTCRtpScriptTransform()</code></strong> constructor creates a new <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransform\"><code>RTCRtpScriptTransform</code></a> object.\n<p>Constructing the <code>RTCRtpScriptTransform</code> creates a counterpart <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer\"><code>RTCRtpScriptTransformer</code></a> in the specified worker, along with passed options (if any). Objects in the third parameter to the constructor are transferred.\n<p>The <a href=\"$MDN_URL$/Web/API/DedicatedWorkerGlobalScope/rtctransform_event\" ><code>rtctransform</code></a> event is then fired at the worker global object.\nWorker code can use the <code>event.transformer</code> property to get the counterpart <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer\"><code>RTCRtpScriptTransformer</code></a>, and <code>event.transformer.options</code> is used to get the options.\n<p>Note that the options are primarily used to inform the worker whether the transformer is processing incoming or outgoing frames, so that it can apply an appropriate transform.",
|
||||
"parameters": {
|
||||
@@ -8205,7 +8208,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>RTCRtpScriptTransformer</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/WebRTC_API\">WebRTC API</a> provides a worker-side <a href=\"$MDN_URL$/Web/API/Streams_API\">Stream API</a> interface that a <a href=\"$MDN_URL$/Web/API/WebRTC_API/Using_Encoded_Transforms\">WebRTC Encoded Transform</a> can use to modify encoded media frames in the incoming and outgoing WebRTC pipelines.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThis feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API#worker_types\"><em>Dedicated</em> Web Workers</a>.\n</div>"
|
||||
},
|
||||
@@ -8249,7 +8253,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>options</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer\"><code>RTCRtpScriptTransformer</code></a> interface returns the object that was (optionally) passed as the second argument <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransform/RTCRtpScriptTransform\">during construction</a> of the corresponding <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransform\"><code>RTCRtpScriptTransform</code></a>."
|
||||
},
|
||||
@@ -8268,7 +8273,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>readable</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer\"><code>RTCRtpScriptTransformer</code></a> interface returns a <a href=\"$MDN_URL$/Web/API/ReadableStream\"><code>ReadableStream</code></a> instance is a source for encoded media frames.\n<p>When the corresponding <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransform\"><code>RTCRtpScriptTransform</code></a> is inserted into the WebRTC sender and receiver pipelines, this stream may be enqueued with outgoing or incoming encoded media frames (<a href=\"$MDN_URL$/Web/API/RTCEncodedVideoFrame\"><code>RTCEncodedVideoFrame</code></a> or <a href=\"$MDN_URL$/Web/API/RTCEncodedAudioFrame\"><code>RTCEncodedAudioFrame</code></a>).\nA WebRTC encoded transform can read the frames, modify them as needed, and then send them back into the WebRTC pipeline by writing them to <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer/writable\"><code>RTCRtpScriptTransformer.writable</code></a>.\nA common way to perform this operation is to pipe the frames through a <a href=\"$MDN_URL$/Web/API/TransformStream\"><code>TransformStream</code></a>."
|
||||
},
|
||||
@@ -8287,7 +8293,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>sendKeyFrameRequest()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer\"><code>RTCRtpScriptTransformer</code></a> interface may be called by a <a href=\"$MDN_URL$/Web/API/WebRTC_API/Using_Encoded_Transforms\">WebRTC Encoded Transform</a> that is processing incoming encoded video frames, in order to request a key frame from the sender.\n<p>The method may only be called when receiving <em>video</em> (not audio) frames and if, for whatever reason, a recipient will not be able to decode the video without a new key frame.\nNote that the user agent can decide that the request for a key frame is not necessary, in which case the returned promise will fulfill even though the request was not actually sent.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nIt might be called, for example, if a new user joins a WebRTC conference, in order to reduce the time before they receive a key frame and can hence start displaying video.\nFor more information see <a href=\"$MDN_URL$/Web/API/WebRTC_API/Using_Encoded_Transforms#triggering_a_key_frame\">Triggering a key frame</a> in Using WebRTC Encoded Transforms.\n</div>",
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that fulfills with <code>undefined</code> once the request is sent, or the user agent decides that it does not need to.",
|
||||
@@ -8310,7 +8317,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>writable</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer\"><code>RTCRtpScriptTransformer</code></a> interface returns a <a href=\"$MDN_URL$/Web/API/WritableStream\"><code>WritableStream</code></a> instance that can be used as a sink for encoded media frames enqueued on the corresponding <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer/readable\"><code>RTCRtpScriptTransformer.readable</code></a>.\n<p>When the corresponding <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransform\"><code>RTCRtpScriptTransform</code></a> is inserted into the WebRTC sender and receiver pipelines, encoded media frames (<a href=\"$MDN_URL$/Web/API/RTCEncodedVideoFrame\"><code>RTCEncodedVideoFrame</code></a> or <a href=\"$MDN_URL$/Web/API/RTCEncodedAudioFrame\"><code>RTCEncodedAudioFrame</code></a>) may be enqueued on the <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer/readable\"><code>RTCRtpScriptTransformer.readable</code></a>.\nA WebRTC encoded transform can read the frames from <code>readable</code>, modify them as needed, and then send them back into the WebRTC pipeline by sending them to this <code>writable</code>.\nA common way to perform this operation is to pipe the frames through a <a href=\"$MDN_URL$/Web/API/TransformStream\"><code>TransformStream</code></a>."
|
||||
},
|
||||
@@ -8557,7 +8565,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>transform</code></strong> property of the <a href=\"$MDN_URL$/Web/API/RTCRtpSender\"><code>RTCRtpSender</code></a> object is used to insert a transform stream (<a href=\"$MDN_URL$/Web/API/TransformStream\"><code>TransformStream</code></a>) running in a worker thread into the sender pipeline.\nThis allows stream transforms to be applied to encoded video and audio frames after they are output by a codec, and before they are sent.\n<p>The transform that is to be added is defined using an <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransform\"><code>RTCRtpScriptTransform</code></a> and its associated <a href=\"$MDN_URL$/Web/API/Worker\"><code>Worker</code></a>.\nIf the transform is set synchronously immediately after creating the <code>RTCRtpSender</code> it will receive the first full frame generated by the sender's encoder."
|
||||
},
|
||||
@@ -9371,7 +9380,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The <strong><code>RTCTransformEvent</code></strong> of the <a href=\"$MDN_URL$/Web/API/WebRTC_API\">WebRTC API</a> represent an event that is fired in a dedicated worker when an encoded frame has been queued for processing by a <a href=\"$MDN_URL$/Web/API/WebRTC_API/Using_Encoded_Transforms\">WebRTC Encoded Transform</a>.\n<p>The interface has a <a href=\"$MDN_URL$/Web/API/RTCTransformEvent/transformer\" ><code>transformer</code></a> property that exposes a readable stream and a writable stream.\nA worker should read encoded frames from <code>transformer.readable</code>, modify them as needed, and write them to <code>transformer.writable</code> in the same order and without any duplication.\n<p>At time of writing there is just one event based on <code>RTCTransformEvent</code>: <a href=\"$MDN_URL$/Web/API/DedicatedWorkerGlobalScope/rtctransform_event\" ><code>rtctransform</code></a>."
|
||||
},
|
||||
@@ -9390,7 +9400,8 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-03"
|
||||
},
|
||||
"doc": "The read-only <strong><code>transformer</code></strong> property of the <a href=\"$MDN_URL$/Web/API/RTCTransformEvent\"><code>RTCTransformEvent</code></a> interface returns the <a href=\"$MDN_URL$/Web/API/RTCRtpScriptTransformer\"><code>RTCRtpScriptTransformer</code></a> associated with the event.\n<p>The property exposes the WebRTC sender or receiver pipeline as a readable and writable stream of encoded media frames, which a <a href=\"$MDN_URL$/Web/API/WebRTC_API/Using_Encoded_Transforms\">WebRTC Encoded Transform</a> can insert itself into in order to modify frames."
|
||||
},
|
||||
@@ -13629,7 +13640,11 @@
|
||||
"parameters": {
|
||||
"source": "Either an <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/ArrayBuffer\"><code>ArrayBuffer</code></a>, a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/TypedArray\"><code>TypedArray</code></a> or a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/DataView\"><code>DataView</code></a> object\nthat contains the media segment data you want to add to the <code>SourceBuffer</code>."
|
||||
},
|
||||
"returns": "None (<a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>)."
|
||||
"returns": "None (<a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>).",
|
||||
"throws": {
|
||||
"InvalidStateError DOMException": "Thrown in one of the following cases:\n<ul>\n<li>The <code>SourceBuffer</code> object's <code>updating</code> attribute is <code>true</code>. You must wait for any previous append, update, or remove operations to complete (indicated by the <code>updateend</code> event) before calling <code>appendBuffer()</code> again.</li>\n<li>The <code>SourceBuffer</code> has been removed from the <code>sourceBuffers</code> attribute of the parent media source.</li>\n<li>The <code>HTMLMediaElement</code>'s <code>error</code> attribute is not <code>null</code>.</li>\n</ul>",
|
||||
"QuotaExceededError": "The buffer is full, and no more data can be appended. This might occur if the <code>SourceBuffer</code> has reached a browser-defined limit on the amount of buffered data."
|
||||
}
|
||||
},
|
||||
"sourcebuffer.appendbufferasync": {
|
||||
"url": "$MDN_URL$/web/api/sourcebuffer/appendbufferasync",
|
||||
@@ -14098,8 +14113,9 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "142",
|
||||
"Edge": "142"
|
||||
"Chrome": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>available()</code></strong> static method of the <a href=\"$MDN_URL$/Web/API/Web_Speech_API\">Web Speech API</a> checks whether the specified languages are available for speech recognition.\n<p>To install a language pack for speech recognition locally, use the <a href=\"$MDN_URL$/Web/API/SpeechRecognition/install_static\" ><code>SpeechRecognition.install()</code></a> method.\n<p>Access to the <code>available()</code> method is controlled by the <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy/on-device-speech-recognition\"><code>on-device-speech-recognition</code></a> <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy\"><code>Permissions-Policy</code></a>. Specifically, where a defined policy blocks usage, any attempts to call the method will fail.",
|
||||
"parameters": {
|
||||
@@ -14148,8 +14164,9 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "142",
|
||||
"Edge": "142"
|
||||
"Chrome": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>install()</code></strong> static method of the <a href=\"$MDN_URL$/Web/API/Web_Speech_API\">Web Speech API</a> installs the required language packs for <a href=\"$MDN_URL$/Web/API/Web_Speech_API/Using_the_Web_Speech_API#on-device_speech_recognition\">on-device speech recognition</a> in the specified languages.\n<p>To check if the language packs are already available, use the <a href=\"$MDN_URL$/Web/API/SpeechRecognition/available_static\" ><code>SpeechRecognition.available()</code></a> method.\n<p>Access to the <code>install()</code> method is controlled by the <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy/on-device-speech-recognition\"><code>on-device-speech-recognition</code></a> <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Permissions-Policy\"><code>Permissions-Policy</code></a> directive. Specifically, where a defined policy blocks usage, any attempts to call the method will fail.",
|
||||
"parameters": {
|
||||
@@ -14234,8 +14251,9 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "142",
|
||||
"Edge": "142"
|
||||
"Chrome": "139",
|
||||
"Edge": "139",
|
||||
"Opera": "123"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>processLocally</code></strong> property of the\n<a href=\"$MDN_URL$/Web/API/SpeechRecognition\"><code>SpeechRecognition</code></a> interface specifies whether speech recognition must be performed locally on the user's device.\n<p>See <a href=\"$MDN_URL$/Web/API/Web_Speech_API/Using_the_Web_Speech_API#on-device_speech_recognition\">On-device speech recognition</a> for more information."
|
||||
},
|
||||
@@ -17988,6 +18006,35 @@
|
||||
},
|
||||
"doc": "The <strong><code>SVGAElement</code></strong> interface provides access to the properties of an <a href=\"$MDN_URL$/Web/SVG/Reference/Element/a\"><code><a></code></a> element, as well as methods to manipulate them."
|
||||
},
|
||||
"svgaelement.download": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/download",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "142",
|
||||
"ChromeAndroid": "142",
|
||||
"Edge": "142",
|
||||
"Firefox": "20",
|
||||
"FirefoxAndroid": "20"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>download</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string indicating that the browser should treat the linked URL as a download.\n<p>This property can be set, to change the URL's <code>download</code> value. It reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/a#download\"><code>download</code></a> attribute.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nThis value might not be used for download. This value cannot be used to determine whether the download will occur.\n</div>"
|
||||
},
|
||||
"svgaelement.hash": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/hash",
|
||||
"doc": "The <strong><code>hash</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string representing the fragment identifier, including the leading hash mark (<code>#</code>), if any, in the referenced URL.\n<p>This property can be set, to change the URL's fragment (ignores leading <code>#</code>)."
|
||||
},
|
||||
"svgaelement.host": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/host",
|
||||
"doc": "The <strong><code>host</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string representing the hostname and port (if it's not the default port) in the referenced URL.\n<p>This property can be set, to change the URL's host and port."
|
||||
},
|
||||
"svgaelement.hostname": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/hostname",
|
||||
"doc": "The <strong><code>hostname</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string representing the hostname in the referenced URL.\n<p>This property can be set, to change the URL's hostname."
|
||||
},
|
||||
"svgaelement.href": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/href",
|
||||
"status": [
|
||||
@@ -18010,6 +18057,62 @@
|
||||
},
|
||||
"doc": "The <strong><code>href</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> returns an <a href=\"$MDN_URL$/Web/API/SVGAnimatedString\"><code>SVGAnimatedString</code></a> object reflecting the value of the href attribute, and, in certain cases, the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/xlink:href\"><code>xlink:href</code></a> attribute. It specifies the target URI associated with the link.\n<p>This property enables access to the URI set for a link within an SVG document."
|
||||
},
|
||||
"svgaelement.hreflang": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/hreflang",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "61",
|
||||
"FirefoxAndroid": "61"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>hreflang</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string indicating the language of the linked resource.\n<p>This property can be set, to change the URL's <code>hreflang</code> value. It reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/a#hreflang\"><code>hreflang</code></a> attribute."
|
||||
},
|
||||
"svgaelement.origin": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/origin",
|
||||
"doc": "The <strong><code>origin</code></strong> readonly property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string containing the origin of the URL — that is, its scheme, its domain and its port."
|
||||
},
|
||||
"svgaelement.password": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/password",
|
||||
"doc": "The <strong><code>password</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string containing the password specified before the domain name.\n<p>This property can be set, to change the URL's password."
|
||||
},
|
||||
"svgaelement.pathname": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/pathname",
|
||||
"doc": "The <strong><code>pathname</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string containing an initial <code>/</code> followed by the path of the URL, not including the query string or fragment.\n<p>This property can be set, to change the URL's pathname."
|
||||
},
|
||||
"svgaelement.ping": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/ping",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>ping</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string that reflects the <code>ping</code> attribute, containing a space-separated list of URLs to which, when the hyperlink is followed, <a href=\"$MDN_URL$/Web/HTTP/Reference/Methods/POST\"><code>POST</code></a> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking.\n<p>This property can be set, to change the URL's <code>ping</code> value. It reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/a#ping\"><code>ping</code></a> attribute."
|
||||
},
|
||||
"svgaelement.port": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/port",
|
||||
"doc": "The <strong><code>port</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string representing the port component, if any, of the referenced URL.\n<p>This property can be set, to change the URL's port."
|
||||
},
|
||||
"svgaelement.protocol": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/protocol",
|
||||
"doc": "The <strong><code>protocol</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string representing the protocol component, including trailing colon (<code>:</code>), of the referenced URL.\n<p>This property can be set, to change the URL's protocol."
|
||||
},
|
||||
"svgaelement.referrerpolicy": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/referrerPolicy",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "61",
|
||||
"FirefoxAndroid": "61"
|
||||
},
|
||||
"doc": "The <strong><code>referrerpolicy</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string specifying which <a href=\"$MDN_URL$/Web/HTTP/Reference/Headers/Referer\">referrer</a> to send when fetching the <a href=\"$MDN_URL$/Glossary/URL\">URL</a>..\n<p>This property can be set, to change the URL's <code>referrerpolicy</code> value. It reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/a#referrerpolicy\"><code>referrerpolicy</code></a> attribute."
|
||||
},
|
||||
"svgaelement.rel": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/rel",
|
||||
"status": [
|
||||
@@ -18052,6 +18155,10 @@
|
||||
},
|
||||
"doc": "The <strong><code>relList</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> returns a live <a href=\"$MDN_URL$/Web/API/DOMTokenList\"><code>DOMTokenList</code></a> reflecting the space-separated string <a href=\"$MDN_URL$/Web/HTML/Reference/Attributes/rel\"><code><list-of-Link-Types></code></a> values of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/a#rel\"><code>rel</code></a> attribute of the SVG <a href=\"$MDN_URL$/Web/SVG/Reference/Element/a\"><code><a></code></a> element.\n<p>The property itself is read-only, meaning you can't substitute the\n<a href=\"$MDN_URL$/Web/API/DOMTokenList\"><code>DOMTokenList</code></a> by another one, but the content of the returned list can be\nchanged."
|
||||
},
|
||||
"svgaelement.search": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/search",
|
||||
"doc": "The <strong><code>search</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string representing the URL's query string, if any, including the leading question mark (<code>?</code>).\n<p>This property can be set, to change the URL's query component."
|
||||
},
|
||||
"svgaelement.target": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/target",
|
||||
"status": [
|
||||
@@ -18074,6 +18181,33 @@
|
||||
},
|
||||
"doc": "The <strong><code>SVGAElement.target</code></strong> read-only property of <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> returns an <a href=\"$MDN_URL$/Web/API/SVGAnimatedString\"><code>SVGAnimatedString</code></a> object that specifies the portion of a target window, frame, pane into which a document is to be opened when a link is activated.\n<p>This property is used when there are multiple possible targets for the ending resource, like when the parent document is a multi-frame HTML or XHTML document."
|
||||
},
|
||||
"svgaelement.text": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/text",
|
||||
"status": [
|
||||
"StandardTrack",
|
||||
"Deprecated"
|
||||
],
|
||||
"compatibility": {},
|
||||
"doc": "The <strong><code>text</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string that is a synonym for the <a href=\"$MDN_URL$/Web/API/Node/textContent\"><code>Node.textContent</code></a> property."
|
||||
},
|
||||
"svgaelement.type": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/type",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "61",
|
||||
"FirefoxAndroid": "61"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
},
|
||||
"doc": "The <strong><code>type</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string indicating the MIME type of the linked resource.\n<p>This property can be set, to change the URL's <code>type</code> value. It reflects the value of the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/a#type\"><code>type</code></a> attribute."
|
||||
},
|
||||
"svgaelement.username": {
|
||||
"url": "$MDN_URL$/web/api/svgaelement/username",
|
||||
"doc": "The <strong><code>username</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGAElement\"><code>SVGAElement</code></a> interface returns a string containing the username specified before the domain name.\n<p>This property can be set, to change the URL's username."
|
||||
},
|
||||
"svgangle": {
|
||||
"url": "$MDN_URL$/web/api/svgangle",
|
||||
"status": [
|
||||
@@ -19325,7 +19459,7 @@
|
||||
"lowDate": "2020-01-15",
|
||||
"highDate": "2022-07-15"
|
||||
},
|
||||
"doc": "The <strong><code>requiredExtensions</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGAnimationElement\"><code>SVGAnimationElement</code></a> interface reflects the <a class=\"page-not-created\" data-href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredExtensions\" ><code>requiredExtensions</code></a> attribute of the given element."
|
||||
"doc": "The <strong><code>requiredExtensions</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGAnimationElement\"><code>SVGAnimationElement</code></a> interface reflects the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredExtensions\"><code>requiredExtensions</code></a> attribute of the given element."
|
||||
},
|
||||
"svganimationelement.systemlanguage": {
|
||||
"url": "$MDN_URL$/web/api/svganimationelement/systemlanguage",
|
||||
@@ -19951,7 +20085,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The read-only <strong><code>style</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGElement\"><code>SVGElement</code></a> returns the <em>inline</em> style of an element in the form of a live <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> object that contains a list of all styles properties for that element with values assigned only for the attributes that are defined in the element's inline <a href=\"$MDN_URL$/Web/HTML/Reference/Global_attributes/style\"><code>style</code></a> attribute.\n<p>Shorthand properties are expanded. If you set <code>style=\"border-top: 1px solid black\"</code>, the longhand properties (<a href=\"$MDN_URL$/Web/CSS/border-top-color\"><code>border-top-color</code></a>, <a href=\"$MDN_URL$/Web/CSS/border-top-style\"><code>border-top-style</code></a>, and <a href=\"$MDN_URL$/Web/CSS/border-top-width\"><code>border-top-width</code></a>) are set instead.\n<p>This property is read-only, meaning it is not possible to assign a <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> object to it. Nevertheless, it is possible to set an inline style by assigning a <em>string</em> directly to the <code>style</code> property. In this case the string is forwarded to <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration/cssText\"><code>CSSStyleDeclaration.cssText</code></a>. Using <code>style</code> in this manner will completely overwrite all inline styles on the element.\n<p>Therefore, to add specific styles to an element without altering other style values, it is generally preferable to set individual properties on the <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> object. For example, you can write <code>element.style.backgroundColor = \"red\"</code>.\n<p>A style declaration is reset by setting it to <code>null</code> or an empty string, e.g., <code>elt.style.color = null</code>.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nCSS property names are converted to JavaScript identifier with these rules:\n<ul>\n<li>If the property is made of one word, it remains as it is: <code>height</code> stays as is (in lowercase).</li>\n<li>If the property is made of several words, separated by dashes, the dashes are removed and it is converted to <a href=\"$MDN_URL$/Glossary/Camel_case\">camel case</a>: <code>background-attachment</code> becomes <code>backgroundAttachment</code>.</li>\n<li>The property <code>float</code>, being a reserved JavaScript keyword, is converted to <code>cssFloat</code>.</li>\n</ul>\n<p>The <code>style</code> property has the same priority in the CSS cascade as an inline style declaration set via the <code>style</code> attribute.\n</div>"
|
||||
"doc": "The read-only <strong><code>style</code></strong> property of the <a href=\"$MDN_URL$/Web/API/SVGElement\"><code>SVGElement</code></a> returns the <em>inline</em> <a href=\"$MDN_URL$/Web/HTML/Reference/Global_attributes/style\"><code>style</code></a> of an element in the form of a live <a href=\"$MDN_URL$/Web/API/CSSStyleProperties\"><code>CSSStyleProperties</code></a> object.\nThis object can be used to get and set the inline styles of an element."
|
||||
},
|
||||
"svgelement.tabindex": {
|
||||
"url": "$MDN_URL$/web/api/svgelement/tabindex",
|
||||
@@ -23960,7 +24094,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>x</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGFESpotLightElement\"><code>SVGFESpotLightElement</code></a> interface describes the horizontal coordinate of the position of an SVG filter primitive as a <a href=\"$MDN_URL$/Web/API/SVGAnimatedNumber\"><code>SVGAnimatedNumber</code></a>.\n<p>It reflects the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/x\"><code>x</code></a> attribute of the <a href=\"$MDN_URL$/Web/SVG/Reference/Element/feSpotLight\"><code><feSpotLight></code></a> element., which can be used to define the light source in a spotlight effect. The attribute is a <a href=\"$MDN_URL$/Web/SVG/Guides/Content_type#number\"><code><number></code></a>. The default value is <code>0</code>."
|
||||
"doc": "The <strong><code>x</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGFESpotLightElement\"><code>SVGFESpotLightElement</code></a> interface describes the horizontal coordinate of the position of an SVG filter primitive as a <a href=\"$MDN_URL$/Web/API/SVGAnimatedNumber\"><code>SVGAnimatedNumber</code></a>.\n<p>It reflects the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/x\"><code>x</code></a> attribute of the <a href=\"$MDN_URL$/Web/SVG/Reference/Element/feSpotLight\"><code><feSpotLight></code></a> element, which can be used to define the light source in a spotlight effect. The attribute is a <a href=\"$MDN_URL$/Web/SVG/Guides/Content_type#number\"><code><number></code></a>. The default value is <code>0</code>."
|
||||
},
|
||||
"svgfespotlightelement.y": {
|
||||
"url": "$MDN_URL$/web/api/svgfespotlightelement/y",
|
||||
@@ -23982,7 +24116,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>y</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGFESpotLightElement\"><code>SVGFESpotLightElement</code></a> interface describes the vertical coordinate of the position of an SVG filter primitive as a <a href=\"$MDN_URL$/Web/API/SVGAnimatedNumber\"><code>SVGAnimatedNumber</code></a>.\n<p>It reflects the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/y\"><code>y</code></a> attribute of the <a href=\"$MDN_URL$/Web/SVG/Reference/Element/feSpotLight\"><code><feSpotLight></code></a> element., which can be used to define the light source in a spotlight effect. The attribute is a <a href=\"$MDN_URL$/Web/SVG/Guides/Content_type#number\"><code><number></code></a>. The default value is <code>0</code>."
|
||||
"doc": "The <strong><code>y</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGFESpotLightElement\"><code>SVGFESpotLightElement</code></a> interface describes the vertical coordinate of the position of an SVG filter primitive as a <a href=\"$MDN_URL$/Web/API/SVGAnimatedNumber\"><code>SVGAnimatedNumber</code></a>.\n<p>It reflects the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/y\"><code>y</code></a> attribute of the <a href=\"$MDN_URL$/Web/SVG/Reference/Element/feSpotLight\"><code><feSpotLight></code></a> element, which can be used to define the light source in a spotlight effect. The attribute is a <a href=\"$MDN_URL$/Web/SVG/Guides/Content_type#number\"><code><number></code></a>. The default value is <code>0</code>."
|
||||
},
|
||||
"svgfespotlightelement.z": {
|
||||
"url": "$MDN_URL$/web/api/svgfespotlightelement/z",
|
||||
@@ -25101,7 +25235,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>requiredExtensions</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGGraphicsElement\"><code>SVGGraphicsElement</code></a> interface reflects the <a class=\"page-not-created\" data-href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredExtensions\" ><code>requiredExtensions</code></a> attribute of the given element."
|
||||
"doc": "The <strong><code>requiredExtensions</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/SVGGraphicsElement\"><code>SVGGraphicsElement</code></a> interface reflects the <a href=\"$MDN_URL$/Web/SVG/Reference/Attribute/requiredExtensions\"><code>requiredExtensions</code></a> attribute of the given element."
|
||||
},
|
||||
"svggraphicselement.systemlanguage": {
|
||||
"url": "$MDN_URL$/web/api/svggraphicselement/systemlanguage",
|
||||
@@ -32811,7 +32945,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>TextTrackList</code></strong> interface is used to represent a list of the text tracks defined for the associated video or audio element, with each track represented by a separate <a href=\"$MDN_URL$/Web/API/TextTrack\"><code>textTrack</code></a> object in the list.\n<p>Text tracks can be added to a media element declaratively using the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/track\"><code><track></code></a> element or programmatically using the <a href=\"$MDN_URL$/Web/API/HTMLMediaElement/addTextTrack\"><code>HTMLMediaElement.addTextTrack()</code></a> method.\n<p>An instance of this object can be retrieved using the <a href=\"$MDN_URL$/Web/API/HTMLMediaElement/textTracks\" ><code>textTracks</code></a> property of an <a href=\"$MDN_URL$/Web/API/HTMLMediaElement\"><code>HTMLMediaElement</code></a> object.\n<p>For a given <a href=\"$MDN_URL$/Web/API/HTMLMediaElement\"><code>HTMLMediaElement</code></a> object <em>media</em>, the individual tracks can be accessed using:\n<ul>\n<li><code>media.TextTracks[n]</code>, to get the n-th text track from the object's list of text tracks</li>\n<li>the <a href=\"$MDN_URL$/Web/API/TextTrackList/getTrackById\"><code>media.textTracks.getTrackById()</code></a> method</li>\n</ul>"
|
||||
"doc": "The <strong><code>TextTrackList</code></strong> interface is used to represent a list of the text tracks defined for the associated video or audio element, with each track represented by a separate <a href=\"$MDN_URL$/Web/API/TextTrack\"><code>TextTrack</code></a> object in the list.\n<p>Text tracks can be added to a media element declaratively using the <a href=\"$MDN_URL$/Web/HTML/Reference/Elements/track\"><code><track></code></a> element or programmatically using the <a href=\"$MDN_URL$/Web/API/HTMLMediaElement/addTextTrack\"><code>HTMLMediaElement.addTextTrack()</code></a> method.\n<p>An instance of this object can be retrieved using the <a href=\"$MDN_URL$/Web/API/HTMLMediaElement/textTracks\" ><code>textTracks</code></a> property of an <a href=\"$MDN_URL$/Web/API/HTMLMediaElement\"><code>HTMLMediaElement</code></a> object.\n<p>For a given <a href=\"$MDN_URL$/Web/API/HTMLMediaElement\"><code>HTMLMediaElement</code></a> object <em>media</em>, the individual tracks can be accessed using:\n<ul>\n<li><code>media.TextTracks[n]</code>, to get the n-th text track from the object's list of text tracks</li>\n<li>the <a href=\"$MDN_URL$/Web/API/TextTrackList/getTrackById\"><code>media.textTracks.getTrackById()</code></a> method</li>\n</ul>"
|
||||
},
|
||||
"texttracklist.gettrackbyid": {
|
||||
"url": "$MDN_URL$/web/api/texttracklist/gettrackbyid",
|
||||
@@ -33166,16 +33300,17 @@
|
||||
"toggleevent.source": {
|
||||
"url": "$MDN_URL$/web/api/toggleevent/source",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "140",
|
||||
"ChromeAndroid": "140",
|
||||
"Edge": "140",
|
||||
"Firefox": "145",
|
||||
"FirefoxAndroid": "145",
|
||||
"Opera": "124"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\"><p><strong>Experimental:</strong> <strong>This is an <a href=\"$MDN_URL$/MDN/Writing_guidelines/Experimental_deprecated_obsolete#experimental\">experimental technology</a></strong><br>Check the <a href=\"#browser_compatibility\">Browser compatibility table</a> carefully before using this in production.</div>\n<p>The <strong><code>source</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/ToggleEvent\"><code>ToggleEvent</code></a> interface is an <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> object instance representing the HTML popover control element that initiated the toggle."
|
||||
"doc": "The <strong><code>source</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/ToggleEvent\"><code>ToggleEvent</code></a> interface is an <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> object instance representing the HTML popover control element that initiated the toggle."
|
||||
},
|
||||
"toggleevent.toggleevent": {
|
||||
"url": "$MDN_URL$/web/api/toggleevent/toggleevent",
|
||||
@@ -34548,7 +34683,7 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The <strong><code>TreeWalker.whatToShow</code></strong> read-only property returns a\nbitmask that indicates the types of\n<a href=\"$MDN_URL$/Web/API/Node\">nodes</a> to show. Non-matching nodes are skipped, but their\nchildren may be included, if relevant. The possible values are:\n<figure class=\"table-container\"><table class=\"no-markdown\">\n<thead>\n<tr>\n<th>Constant</th>\n<th>Numerical value</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>NodeFilter.SHOW_ALL</code></td>\n<td>\n<code>4294967295</code> (that is the max value of <code>unsigned long</code>)\n</td>\n<td>Shows all nodes.</td>\n</tr>\n<tr>\n<td>\n<code>NodeFilter.SHOW_ATTRIBUTE</code>\n</td>\n<td><code>2</code></td>\n<td>\nShows attribute <a href=\"$MDN_URL$/Web/API/Attr\"><code>Attr</code></a> nodes. This is meaningful\nonly when creating a <a href=\"$MDN_URL$/Web/API/TreeWalker\"><code>TreeWalker</code></a> with an\n<a href=\"$MDN_URL$/Web/API/Attr\"><code>Attr</code></a> node as its root; in this case, it means\nthat the attribute node will appear in the first position of the\niteration or traversal. Since attributes are never children of other\nnodes, they do not appear when traversing over the document tree.\n</td>\n</tr>\n<tr>\n<td>\n<code>NodeFilter.SHOW_CDATA_SECTION</code>\n</td>\n<td><code>8</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/CDATASection\"><code>CDATASection</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_COMMENT</code></td>\n<td><code>128</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Comment\"><code>Comment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT</code></td>\n<td><code>256</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>\n<td><code>1024</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentFragment\"><code>DocumentFragment</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>\n<td><code>512</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/DocumentType\"><code>DocumentType</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ELEMENT</code></td>\n<td><code>1</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_ENTITY</code> </td>\n<td><code>32</code></td>\n<td>Legacy, no more used.</td>\n</tr>\n<tr>\n<td>\n<code>NodeFilter.SHOW_ENTITY_REFERENCE</code>\n</td>\n<td><code>16</code></td>\n<td>Legacy, no more used.</td>\n</tr>\n<tr>\n<td>\n<code>NodeFilter.SHOW_NOTATION</code>\n</td>\n<td><code>2048</code></td>\n<td>Legacy, no more used.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>\n<td><code>64</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/ProcessingInstruction\"><code>ProcessingInstruction</code></a> nodes.</td>\n</tr>\n<tr>\n<td><code>NodeFilter.SHOW_TEXT</code></td>\n<td><code>4</code></td>\n<td>Shows <a href=\"$MDN_URL$/Web/API/Text\"><code>Text</code></a> nodes.</td>\n</tr>\n</tbody>\n</table></figure>"
|
||||
"doc": "The <strong><code>TreeWalker.whatToShow</code></strong> read-only property returns a\nbitmask that indicates the types of\n<a href=\"$MDN_URL$/Web/API/Node\">nodes</a> to show. Non-matching nodes are skipped, but their\nchildren may be included, if relevant."
|
||||
},
|
||||
"trustedhtml": {
|
||||
"url": "$MDN_URL$/web/api/trustedhtml",
|
||||
|
||||
@@ -4138,7 +4138,8 @@
|
||||
"SafariIOS": "18"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-14"
|
||||
},
|
||||
"doc": "The <strong><code>ViewTransition</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/View_Transition_API\" >View Transition API</a> represents an active view transition, and provides functionality to react to the transition reaching different states (e.g., ready to run the animation, or animation finished) or skip the transition altogether.\n<p>This object type is made available in the following ways:\n<ul>\n<li>In the case of same-document (SPA) transitions, it is returned by the <a href=\"$MDN_URL$/Web/API/Document/startViewTransition\" ><code>document.startViewTransition()</code></a> method.</li>\n<li>In the case of cross-document (MPA) transitions, it is made available:\n<ul>\n<li>In the outgoing page via the <a href=\"$MDN_URL$/Web/API/Window/pageswap_event\" ><code>pageswap</code></a> event object's <a href=\"$MDN_URL$/Web/API/PageSwapEvent/viewTransition\"><code>PageSwapEvent.viewTransition</code></a> property.</li>\n<li>In the inbound page via the <a href=\"$MDN_URL$/Web/API/Window/pagereveal_event\" ><code>pagereveal</code></a> event object's <a href=\"$MDN_URL$/Web/API/PageRevealEvent/viewTransition\"><code>PageRevealEvent.viewTransition</code></a> property.</li>\n</ul>\n</li>\n</ul>\n<p>When a view transition is triggered by a <code>startViewTransition()</code> call (or a page navigation in the case of MPA transitions), a sequence of steps is followed as explained in <a href=\"$MDN_URL$/Web/API/View_Transition_API/Using#the_view_transition_process\">The view transition process</a>. This also explains when the different promises fulfill."
|
||||
},
|
||||
@@ -4158,7 +4159,8 @@
|
||||
"SafariIOS": "18"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-14"
|
||||
},
|
||||
"doc": "The <strong><code>finished</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/ViewTransition\"><code>ViewTransition</code></a> interface is a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that fulfills once the transition animation is finished, and the new page view is visible and interactive to the user.\n<p><code>finished</code> will only reject in the case of a same-document (SPA) transition, if the callback passed to <a href=\"$MDN_URL$/Web/API/Document/startViewTransition\" ><code>document.startViewTransition()</code></a> throws or returns a promise that rejects. This would indicate that the new state of the page wasn't created.\n<p>If a transition animation fails to start or is skipped during the transition using <a href=\"$MDN_URL$/Web/API/ViewTransition/skipTransition\"><code>ViewTransition.skipTransition()</code></a>, the end state is still reached therefore <code>finished</code> will still fulfill."
|
||||
},
|
||||
@@ -4178,7 +4180,8 @@
|
||||
"SafariIOS": "18"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-14"
|
||||
},
|
||||
"doc": "The <strong><code>ready</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/ViewTransition\"><code>ViewTransition</code></a> interface is a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that fulfills once the pseudo-element tree is created and the transition animation is about to start.\n<p><code>ready</code> will reject if the transition cannot begin. This can be due to misconfiguration, for example, duplicate <a href=\"$MDN_URL$/Web/CSS/view-transition-name\"><code>view-transition-name</code></a>s, or if the callback passed to <a href=\"$MDN_URL$/Web/API/Document/startViewTransition\"><code>Document.startViewTransition()</code></a> throws or returns a promise that rejects."
|
||||
},
|
||||
@@ -4198,7 +4201,8 @@
|
||||
"SafariIOS": "18"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-14"
|
||||
},
|
||||
"doc": "The <strong><code>skipTransition()</code></strong> method of the\n<a href=\"$MDN_URL$/Web/API/ViewTransition\"><code>ViewTransition</code></a> interface skips the animation part of the view transition, but doesn't skip running the associated view update.",
|
||||
"returns": "<code>undefined</code>."
|
||||
@@ -4219,7 +4223,8 @@
|
||||
"SafariIOS": "18"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
"level": "LOW",
|
||||
"lowDate": "2025-10-14"
|
||||
},
|
||||
"doc": "The <strong><code>updateCallbackDone</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/ViewTransition\"><code>ViewTransition</code></a> interface is a <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that fulfills when the promise returned by the <a href=\"$MDN_URL$/Web/API/Document/startViewTransition\" ><code>document.startViewTransition()</code></a> method's callback fulfills, or rejects when it rejects.\n<p><code>updateCallbackDone</code> is useful when you don't care about the success/failure of a same-document (SPA) view transition animation, and just want to know if and when the DOM is updated.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nIn the case of a cross-document (MPA) view transition, the <code>updateCallbackDone</code> promise of the associated <code>ViewTransition</code> is automatically fulfilled.\n</div>"
|
||||
},
|
||||
@@ -15242,10 +15247,7 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "115",
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "115",
|
||||
"Opera": "101",
|
||||
"Safari": "26",
|
||||
"SafariIOS": "26"
|
||||
},
|
||||
@@ -16051,14 +16053,14 @@
|
||||
"lowDate": "2015-07-29",
|
||||
"highDate": "2018-01-29"
|
||||
},
|
||||
"doc": "The\n<strong><code>Window.getComputedStyle()</code></strong> method returns an object\ncontaining the values of all CSS properties of an element, after applying active\nstylesheets and resolving any basic computation those values may contain.\n<p>Individual CSS property values are accessed through APIs provided by the returned <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> object, or by indexing with CSS property names. The values returned by <code>getComputedStyle</code> are <a href=\"$MDN_URL$/Web/CSS/CSS_cascade/Value_processing#resolved_value\">resolved values</a>.",
|
||||
"doc": "The <strong><code>Window.getComputedStyle()</code></strong> method returns a live read-only <a href=\"$MDN_URL$/Web/API/CSSStyleProperties\"><code>CSSStyleProperties</code></a> object containing the <a href=\"$MDN_URL$/Web/CSS/CSS_cascade/Value_processing#resolved_value\">resolved values</a> of all CSS properties of an element, after applying active stylesheets and resolving any computation those values may contain.",
|
||||
"parameters": {
|
||||
"element": "The <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> for which to get the computed style.",
|
||||
"pseudoElt": "A string specifying the pseudo-element to match. Omitted (or <code>null</code>) for\nreal elements."
|
||||
"pseudoElt": "A string specifying the pseudo-element to match.\nOmitted (or <code>null</code>) for real elements."
|
||||
},
|
||||
"returns": "A <em>live</em> <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> object, which updates automatically when the element's styles are changed.\n<p>Note that:\n<ul>\n<li>The returned <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> object contains active values for CSS property <em>longhand</em> names as well as shorthand names. For example, the returned object contains entries for <a href=\"$MDN_URL$/Web/CSS/border-bottom-width\"><code>border-bottom-width</code></a> in addition to the <a href=\"$MDN_URL$/Web/CSS/border-width\"><code>border-width</code></a> and <a href=\"$MDN_URL$/Web/CSS/border\"><code>border</code></a> <a href=\"$MDN_URL$/Web/CSS/CSS_cascade/Shorthand_properties\">shorthand property names</a>.</li>\n<li>Returned values are sometimes deliberately inaccurate. To avoid the \"CSS History Leak\" security issue, browsers may lie about the computed styles for a visited link, returning values as if the user never visited the linked URL. See <a href=\"https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/\" class=\"external\" target=\"_blank\">Plugging the CSS history leak</a> and <a href=\"https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/\" class=\"external\" target=\"_blank\">Privacy-related changes coming to CSS <code>:visited</code></a> for examples of how this is implemented.</li>\n<li>During <a href=\"$MDN_URL$/Web/CSS/CSS_transitions\">CSS transitions</a>, <code>getComputedStyle</code> returns the original property value in Firefox, but the final property value in WebKit.</li>\n<li>In Firefox, properties with the value <code>auto</code> return the used value, not the value <code>auto</code>. So if you apply <code>top:auto</code> and <code>bottom:0</code> on an element with <code>height:30px</code> and a containing block of <code>height:100px</code>, Firefox's computed style for <code>top</code> returns <code>70px</code>, as 100 − 30 = 70.</li>\n<li>For compatibility reasons, serialized color values are expressed as <a href=\"$MDN_URL$/Web/CSS/color_value/rgb\"><code>rgb()</code></a> colors if the alpha channel value is exactly <code>1</code>, and <code>rgba()</code> colors otherwise. In both cases, legacy syntax is used, with commas as separators (for example <code>rgb(255, 0, 0)</code>).</li>\n</ul>\n<p>The returned object is the same <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> type as the object returned from the element's <a href=\"$MDN_URL$/Web/API/HTMLElement/style\" title=\"style\"><code>style</code></a> property. However, the two objects have different purposes:\n<ul>\n<li>The object from <code>getComputedStyle</code> is read-only, and should be used to inspect the element's style — including those set by a <code><style></code> element or an external stylesheet.</li>\n<li>The <code>element.style</code> object should be used to <strong>set</strong> styles on that element, or inspect styles directly added to it from JavaScript manipulation or the global <code>style</code> attribute.</li>\n</ul>",
|
||||
"returns": "A <em>live</em> <a href=\"$MDN_URL$/Web/API/CSSStyleProperties\"><code>CSSStyleProperties</code></a> object, which updates automatically when the element's styles are changed.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nEarlier versions of the specification returned a <a href=\"$MDN_URL$/Web/API/CSSStyleDeclaration\"><code>CSSStyleDeclaration</code></a> (from which <a href=\"$MDN_URL$/Web/API/CSSStyleProperties\"><code>CSSStyleProperties</code></a> is derived).\nSee the <a href=\"#browser_compatibility\">browser compatibility</a> table for browser support information.\n</div>\n<div class=\"notecard warning\">\n<p><strong>Warning:</strong>\nReturned values are sometimes deliberately inaccurate.\nTo avoid the \"CSS History Leak\" security issue, browsers may lie about the computed styles for a visited link, returning values as if the user never visited the linked URL.\nSee <a href=\"https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/\" class=\"external\" target=\"_blank\">Plugging the CSS history leak</a> and <a href=\"https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/\" class=\"external\" target=\"_blank\">Privacy-related changes coming to CSS <code>:visited</code></a> for examples of how this is implemented.\n</div>",
|
||||
"throws": {
|
||||
"TypeError": "If the passed object is not an <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> or the\n<code>pseudoElt</code> is not a valid pseudo-element selector or is\n<a href=\"$MDN_URL$/Web/CSS/::part\"><code>::part()</code></a> or <a href=\"$MDN_URL$/Web/CSS/::slotted\"><code>::slotted()</code></a>.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nValid pseudo-element selector refers to syntactic\nvalidity, e.g., <code>::unsupported</code> is considered valid, even though the\npseudo-element itself is not supported.\n</div>"
|
||||
"TypeError": "If the passed object is not an <a href=\"$MDN_URL$/Web/API/Element\"><code>Element</code></a> or the <code>pseudoElt</code> is not a valid pseudo-element selector or is <a href=\"$MDN_URL$/Web/CSS/::part\"><code>::part()</code></a> or <a href=\"$MDN_URL$/Web/CSS/::slotted\"><code>::slotted()</code></a>.\n<div class=\"notecard note\">\n<p><strong>Note:</strong>\nValid pseudo-element selector refers to syntactic validity, e.g., <code>::unsupported</code> is considered valid, even though the pseudo-element itself is not supported.\n</div>"
|
||||
}
|
||||
},
|
||||
"window.getdefaultcomputedstyle": {
|
||||
@@ -16773,6 +16775,11 @@
|
||||
},
|
||||
"window.queuemicrotask": {
|
||||
"url": "$MDN_URL$/web/api/window/queuemicrotask",
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2020-07-28",
|
||||
"highDate": "2023-01-28"
|
||||
},
|
||||
"doc": "The <strong><code>queueMicrotask()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/Window\"><code>Window</code></a> interface\nqueues a microtask to be executed at a safe time prior to control returning to the\nbrowser's event loop.\n<p>The microtask is a short function which will run after\nthe current task has completed its work and when there is no other code waiting to be\nrun before control of the execution context is returned to the browser's event loop.\n<p>This lets your code run without interfering with any other, potentially higher\npriority, code that is pending, but before the browser regains control over the\nexecution context, potentially depending on work you need to complete. You can learn\nmore about how to use microtasks and why you might choose to do so in our <a href=\"$MDN_URL$/Web/API/HTML_DOM_API/Microtask_guide\">microtask guide</a>.\n<p>The importance of microtasks comes in its ability to perform tasks asynchronously but\nin a specific order. See <a href=\"$MDN_URL$/Web/API/HTML_DOM_API/Microtask_guide\">Using microtasks in JavaScript with <code>queueMicrotask()</code></a> for more details.\n<p>Microtasks are especially useful for libraries and frameworks that need to perform\nfinal cleanup or other just-before-rendering tasks.",
|
||||
"parameters": {
|
||||
"callback": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Function\"><code>function</code></a> to be executed when the browser engine determines it is\nsafe to call your code. Enqueued microtasks are executed after all pending tasks have\ncompleted but before yielding control to the browser's event loop."
|
||||
@@ -18363,6 +18370,11 @@
|
||||
},
|
||||
"workerglobalscope.queuemicrotask": {
|
||||
"url": "$MDN_URL$/web/api/workerglobalscope/queuemicrotask",
|
||||
"baseline": {
|
||||
"level": "HIGH",
|
||||
"lowDate": "2020-07-28",
|
||||
"highDate": "2023-01-28"
|
||||
},
|
||||
"doc": "<div class=\"notecard note\"><p><strong>Note:</strong> This feature is only available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>.</div>\n<p>The <strong><code>queueMicrotask()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/WorkerGlobalScope\"><code>WorkerGlobalScope</code></a> interface\nqueues a microtask to be executed at a safe time prior to control returning to the\nbrowser's event loop.\n<p>The microtask is a short function which will run after\nthe current task has completed its work and when there is no other code waiting to be\nrun before control of the execution context is returned to the browser's event loop.\n<p>This lets your code run without interfering with any other, potentially higher\npriority, code that is pending, but before the browser regains control over the\nexecution context, potentially depending on work you need to complete. You can learn\nmore about how to use microtasks and why you might choose to do so in our <a href=\"$MDN_URL$/Web/API/HTML_DOM_API/Microtask_guide\">microtask guide</a>.\n<p>The importance of microtasks comes in its ability to perform tasks asynchronously but\nin a specific order. See <a href=\"$MDN_URL$/Web/API/HTML_DOM_API/Microtask_guide\">Using microtasks in JavaScript with <code>queueMicrotask()</code></a> for more details.\n<p>Microtasks are especially useful for libraries and frameworks that need to perform\nfinal cleanup or other just-before-rendering tasks.",
|
||||
"parameters": {
|
||||
"callback": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Function\"><code>function</code></a> to be executed when the browser engine determines it is\nsafe to call your code. Enqueued microtasks are executed after all pending tasks have\ncompleted but before yielding control to the browser's event loop."
|
||||
@@ -18846,7 +18858,8 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "120"
|
||||
"Firefox": "120",
|
||||
"FirefoxAndroid": "122"
|
||||
},
|
||||
"baseline": {
|
||||
"level": "NONE"
|
||||
@@ -18859,10 +18872,7 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "113",
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "113",
|
||||
"Opera": "99",
|
||||
"Safari": "26",
|
||||
"SafariIOS": "26"
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user