mirror of
https://gitflic.ru/project/openide/openide.git
synced 2025-12-16 14:23:28 +07:00
IDEA-331442 Mis-scaled images in MDN help - remove the image and update MDN
GitOrigin-RevId: 9a868f04fb8392bfe5a61f60f1995761c4d15e36
This commit is contained in:
Piotr Tomiak
committed by
intellij-monorepo-bot
intellij-monorepo-bot
parent
fe01da593f
commit
77a568fa34
@@ -535,8 +535,8 @@
|
||||
"formalSyntax": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )<font-format> = [ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]<font-tech> = [ <font-features-tech> | <color-font-tech> | variations | palettes | incremental-patch | incremental-range | incremental-auto ]<font-features-tech> = [ features-opentype | features-aat | features-graphite ]<color-font-tech> = [ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
|
||||
"values": {
|
||||
"url()": "Specifies an external reference consisting of a <a href=\"$MDN_URL$/Web/CSS/url\"><code><url>()</code></a>, followed by optional hints using the <code>format()</code> and <code>tech()</code> component values that specify the format and font technology of the resource referenced by the URL. The <code>format()</code> and <code>tech()</code> components are a comma-separated list of strings of known <a href=\"#font_formats\">font formats</a> and technologies. If a user agent doesn't support the font technology or formats, it skips downloading the font resource. If no format or technology hints are supplied, the font resource is always downloaded.",
|
||||
"format()": "An optional declaration that follows the <code>url()</code> value that provides a hint for the user agent on the font format. If the value is not supported or invalid, the browser may not download the resource, potentially saving bandwidth. If omitted, the browser will download the resource and then detect the format. If including a font source for backward-compatibility that is not in the list of <a href=\"#formal-syntax\">defined keywords</a>, enclose the format string in quotes. Possible values are described in the <a href=\"#font_formats\">Font formats</a> section below.",
|
||||
"tech()": "An optional declaration that follows the <code>url()</code> value that provides a hint for the user agent on the font technology. The value for <code>tech()</code> may be one of the keywords described in <a href=\"#font-technologies\">Font technologies</a>.",
|
||||
"format()": "An optional declaration that follows the <code>url()</code> value that provides a hint for the user agent on the font format. If the value is not supported or invalid, the browser may not download the resource, potentially saving bandwidth. If omitted, the browser will download the resource and then detect the format. If including a font source for backward-compatibility that is not in the list of <a href=\"#formal_syntax\">defined keywords</a>, enclose the format string in quotes. Possible values are described in the <a href=\"#font_formats\">Font formats</a> section below.",
|
||||
"tech()": "An optional declaration that follows the <code>url()</code> value that provides a hint for the user agent on the font technology. The value for <code>tech()</code> may be one of the keywords described in <a href=\"#font_technologies\">Font technologies</a>.",
|
||||
"local(<font-face-name>)": "Specifies the font name should the font be available on the user's device. Enclosing the font name in quotes is optional. <div class=\"notecard note\" id=\"sect1\"> <p><strong>Note:</strong> For OpenType and TrueType fonts, <code><font-face-name></code> is used to match either the Postscript name or the full font name in the name table of locally available fonts. Which type of name is used varies by platform and font, so you should include both of these names to assure proper matching across platforms. Platform substitutions for a given font name must not be used. </div> <div class=\"notecard note\" id=\"sect2\"> <p><strong>Note:</strong> Locally available fonts may have been preinstalled on the user's device, or may have been actively installed by the user. <p>While the set of preinstalled fonts is likely to be the same for all users of a particular device, the set of user-installed fonts is not. By discovering the set of user-installed fonts, a site can therefore build a <a href=\"$MDN_URL$/Glossary/Fingerprinting\">fingerprint</a> for the device, helping the site to track users across the web. <p>To prevent this, user agents may ignore user-installed fonts when using <code>local()</code>. </div>",
|
||||
"<font-face-name>": "Specifies the full name or postscript name of a locally-installed font face using the <code>local()</code> component value, which uniquely identifies a single font face within a larger family. The name can optionally be enclosed in quotes. The font face name <a href=\"https://drafts.csswg.org/css-fonts-3/#font-family-casing\" class=\"external\" target=\"_blank\">is not case-sensitive</a>."
|
||||
}
|
||||
@@ -671,7 +671,7 @@
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"doc": "The <strong><code>override-colors</code></strong> CSS <a href=\"$MDN_URL$/Glossary/CSS_Descriptor\">descriptor</a> is used to override colors in the chosen <a href=\"$MDN_URL$/Web/CSS/@font-palette-values/base-palette\">base-palette</a> for a color font.",
|
||||
"formalSyntax": "[ <integer [0,∞]> <absolute-color-base> ]#\n <absolute-color-base> = <hex-color> | <absolute-color-function> | <named-color> | transparent\n <absolute-color-function> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>\n <rgb()> = <legacy-rgb-syntax> | <modern-rgb-syntax>\n <rgba()> = <legacy-rgba-syntax> | <modern-rgba-syntax>\n <hsl()> = <legacy-hsl-syntax> | <modern-hsl-syntax>\n <hsla()> = <legacy-hsla-syntax> | <modern-hsla-syntax>\n <hwb()> = hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <lab()> = lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <lch()> = lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )\n <oklab()> = oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <oklch()> = oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )\n <color()> = color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )\n <legacy-rgb-syntax> = rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )\n <modern-rgb-syntax> = rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )\n <legacy-rgba-syntax> = rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )\n <modern-rgba-syntax> = rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )\n <legacy-hsl-syntax> = hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )\n <modern-hsl-syntax> = hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <legacy-hsla-syntax> = hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )\n <modern-hsla-syntax> = hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <hue> = <number> | <angle>\n <alpha-value> = <number> | <percentage>\n <colorspace-params> = <predefined-rgb-params> | <xyz-params>\n <predefined-rgb-params> = <predefined-rgb> [ <number> | <percentage> | none ]{3}\n <xyz-params> = <xyz-space> [ <number> | <percentage> | none ]{3}\n <predefined-rgb> = srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020\n <xyz-space> = xyz | xyz-d50 | xyz-d65",
|
||||
"formalSyntax": "[ <integer [0,∞]> <absolute-color-base> ]#",
|
||||
"values": {
|
||||
"[ <integer [0,∞]> <absolute-color-base> ]": "Specifies the index of a color in a <a href=\"$MDN_URL$/Web/CSS/@font-palette-values/base-palette\">base-palette</a> and the color to overwrite it with."
|
||||
}
|
||||
@@ -785,7 +785,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>-webkit-device-pixel-ratio</code></strong> is a non-standard Boolean <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> which is an alternative to the standard <a href=\"$MDN_URL$/Web/CSS/@media/resolution\"><code>resolution</code></a> media feature.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> If possible, use the <a href=\"$MDN_URL$/Web/CSS/@media/resolution\"><code>resolution</code></a> media feature query instead, which is a standard media feature. While this prefixed media feature is a WebKit feature, other browser engines may support it. See <a href=\"#browser-compatibility\">browser compatibility</a> below.\n</div>",
|
||||
"doc": "The <strong><code>-webkit-device-pixel-ratio</code></strong> is a non-standard Boolean <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> which is an alternative to the standard <a href=\"$MDN_URL$/Web/CSS/@media/resolution\"><code>resolution</code></a> media feature.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> If possible, use the <a href=\"$MDN_URL$/Web/CSS/@media/resolution\"><code>resolution</code></a> media feature query instead, which is a standard media feature. While this prefixed media feature is a WebKit feature, other browser engines may support it. See <a href=\"#browser_compatibility\">browser compatibility</a> below.\n</div>",
|
||||
"values": {
|
||||
"<number>": "The number of device pixels used to represent each CSS <a href=\"$MDN_URL$/Web/CSS/length#absolute_length_units\"><code>px</code></a>. Although the value is a <code><number></code>, and thus doesn't syntactically allow units, its implicit unit is <a href=\"$MDN_URL$/Web/CSS/resolution#units\"><code>dppx</code></a>."
|
||||
}
|
||||
@@ -816,7 +816,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "The <strong><code>-webkit-transform-3d</code></strong> Boolean <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> is a <a href=\"$MDN_URL$/Web/CSS/WebKit_Extensions\">WebKit extension</a> whose value is <code>true</code> if vendor-prefixed CSS 3D <a href=\"$MDN_URL$/Web/CSS/transform\"><code>transform</code></a>s are supported.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> While this media feature is currently <a href=\"#browser-compatibility\">supported by most browsers</a>. If possible, use an <a href=\"$MDN_URL$/Web/CSS/@supports\"><code>@supports</code></a> feature query instead.\n</div>",
|
||||
"doc": "The <strong><code>-webkit-transform-3d</code></strong> Boolean <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> is a <a href=\"$MDN_URL$/Web/CSS/WebKit_Extensions\">WebKit extension</a> whose value is <code>true</code> if vendor-prefixed CSS 3D <a href=\"$MDN_URL$/Web/CSS/transform\"><code>transform</code></a>s are supported.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> While this media feature is currently <a href=\"#browser_compatibility\">supported by most browsers</a>. If possible, use an <a href=\"$MDN_URL$/Web/CSS/@supports\"><code>@supports</code></a> feature query instead.\n</div>",
|
||||
"values": {
|
||||
"true": "The browser supports the 3D CSS transforms with the <code>-webkit</code> prefix and supports non-standard, prefixed media queries.",
|
||||
"false": "The 3D CSS transforms prefixed with <code>-webkit</code> are not supported by the browser."
|
||||
@@ -831,7 +831,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "<div class=\"notecard deprecated\" id=\"sect1\"><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> <div class=\"notecard nonstandard\" id=\"sect2\"><p><strong>Non-standard:</strong> This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.</div>\n<div class=\"notecard note\" id=\"sect3\">\n<p><strong>Note:</strong> All browsers support the <a href=\"$MDN_URL$/Web/CSS/animation#browser_compatibility\"><code>transition</code></a> property without vendor prefixes. Only WebKit (Safari), and not Chromium, based browsers support the <code>-webkit-transition</code> media feature. No browsers support <code>transition</code> without the prefix as a media query (though some browsers do support - <a href=\"$MDN_URL$/Web/CSS/@media/-webkit-transform-3d\"><code>-webkit-transform-3d</code></a>). Use the <a href=\"$MDN_URL$/Web/CSS/@supports\"><code>@supports (transition)</code></a> feature query instead.\n</div>\n<p>The <strong><code>-webkit-transition</code></strong> Boolean non-standard<a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> is a <a href=\"$MDN_URL$/Web/CSS/WebKit_Extensions\">WebKit extension</a> whose value is <code>true</code> if the browsing context supports <a href=\"$MDN_URL$/Web/CSS/CSS_transitions\">CSS transitions</a>.\n<p>Apple has <a href=\"https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3\" class=\"external\" target=\"_blank\">a description in Safari CSS Reference</a>; this is now called <code>transition</code> there.\n<div class=\"notecard note\" id=\"sect4\">\n<p><strong>Note:</strong> You should not use this media feature; it was never specified, has never been widely implemented, and has been <a href=\"#browser-compatibility\">removed from most browsers</a>. Use a <a href=\"$MDN_URL$/Web/CSS/@supports\"><code>@supports</code></a> feature query instead.\n</div>"
|
||||
"doc": "<div class=\"notecard deprecated\" id=\"sect1\"><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> <div class=\"notecard nonstandard\" id=\"sect2\"><p><strong>Non-standard:</strong> This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.</div>\n<div class=\"notecard note\" id=\"sect3\">\n<p><strong>Note:</strong> All browsers support the <a href=\"$MDN_URL$/Web/CSS/animation#browser_compatibility\"><code>transition</code></a> property without vendor prefixes. Only WebKit (Safari), and not Chromium, based browsers support the <code>-webkit-transition</code> media feature. No browsers support <code>transition</code> without the prefix as a media query (though some browsers do support - <a href=\"$MDN_URL$/Web/CSS/@media/-webkit-transform-3d\"><code>-webkit-transform-3d</code></a>). Use the <a href=\"$MDN_URL$/Web/CSS/@supports\"><code>@supports (transition)</code></a> feature query instead.\n</div>\n<p>The <strong><code>-webkit-transition</code></strong> Boolean non-standard<a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> is a <a href=\"$MDN_URL$/Web/CSS/WebKit_Extensions\">WebKit extension</a> whose value is <code>true</code> if the browsing context supports <a href=\"$MDN_URL$/Web/CSS/CSS_transitions\">CSS transitions</a>.\n<p>Apple has <a href=\"https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3\" class=\"external\" target=\"_blank\">a description in Safari CSS Reference</a>; this is now called <code>transition</code> there.\n<div class=\"notecard note\" id=\"sect4\">\n<p><strong>Note:</strong> You should not use this media feature; it was never specified, has never been widely implemented, and has been <a href=\"#browser_compatibility\">removed from most browsers</a>. Use a <a href=\"$MDN_URL$/Web/CSS/@supports\"><code>@supports</code></a> feature query instead.\n</div>"
|
||||
},
|
||||
"any-hover": {
|
||||
"url": "$MDN_URL$/web/css/@media/any-hover",
|
||||
@@ -1265,6 +1265,14 @@
|
||||
},
|
||||
"doc": "The <strong><code>resolution</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> can be used to test the pixel density of the output device."
|
||||
},
|
||||
"scan": {
|
||||
"url": "$MDN_URL$/web/css/@media/scan",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"Deprecated"
|
||||
],
|
||||
"doc": "The <strong><code>scan</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/@media#media_features\">media feature</a> is used to apply CSS styles based on the scanning process of the output device."
|
||||
},
|
||||
"scripting": {
|
||||
"url": "$MDN_URL$/web/css/@media/scripting",
|
||||
"status": [
|
||||
@@ -1740,7 +1748,7 @@
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><color></code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/CSS_Types\">data type</a> represents a color.\nA <code><color></code> may also include an <a href=\"https://en.wikipedia.org/wiki/Alpha_compositing\" class=\"external\" target=\"_blank\">alpha-channel</a> <em>transparency value</em>, indicating how the color should <a href=\"https://www.w3.org/TR/compositing-1/#simplealphacompositing\" class=\"external\" target=\"_blank\">composite</a> with its background.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> Although <code><color></code> values are precisely defined, their actual appearance may vary (sometimes significantly) from device to device. This is because most devices are not calibrated, and some browsers do not support output devices' <a href=\"https://en.wikipedia.org/wiki/ICC_profile\" class=\"external\" target=\"_blank\">color profiles</a>.\n</div>",
|
||||
"formalSyntax": "<absolute-color-base> | currentcolor | <system-color>\n <absolute-color-base> = <hex-color> | <absolute-color-function> | <named-color> | transparent\n <absolute-color-function> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>\n <rgb()> = <legacy-rgb-syntax> | <modern-rgb-syntax>\n <rgba()> = <legacy-rgba-syntax> | <modern-rgba-syntax>\n <hsl()> = <legacy-hsl-syntax> | <modern-hsl-syntax>\n <hsla()> = <legacy-hsla-syntax> | <modern-hsla-syntax>\n <hwb()> = hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <lab()> = lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <lch()> = lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )\n <oklab()> = oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <oklch()> = oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )\n <color()> = color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )\n <legacy-rgb-syntax> = rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )\n <modern-rgb-syntax> = rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )\n <legacy-rgba-syntax> = rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )\n <modern-rgba-syntax> = rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )\n <legacy-hsl-syntax> = hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )\n <modern-hsl-syntax> = hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <legacy-hsla-syntax> = hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )\n <modern-hsla-syntax> = hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <hue> = <number> | <angle>\n <alpha-value> = <number> | <percentage>\n <colorspace-params> = <predefined-rgb-params> | <xyz-params>\n <predefined-rgb-params> = <predefined-rgb> [ <number> | <percentage> | none ]{3}\n <xyz-params> = <xyz-space> [ <number> | <percentage> | none ]{3}\n <predefined-rgb> = srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020\n <xyz-space> = xyz | xyz-d50 | xyz-d65"
|
||||
"formalSyntax": "<color-base> | currentColor | <system-color>\n <color-base> = <hex-color> | <color-function> | <named-color> | transparent\n <color-function> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>\n <rgb()> = <legacy-rgb-syntax> | <modern-rgb-syntax>\n <rgba()> = <legacy-rgba-syntax> | <modern-rgba-syntax>\n <hsl()> = <legacy-hsl-syntax> | <modern-hsl-syntax>\n <hsla()> = <legacy-hsla-syntax> | <modern-hsla-syntax>\n <hwb()> = hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <lab()> = lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <lch()> = lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )\n <oklab()> = oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <oklch()> = oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )\n <color()> = color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )\n <legacy-rgb-syntax> = rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )\n <modern-rgb-syntax> = rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )\n <legacy-rgba-syntax> = rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )\n <modern-rgba-syntax> = rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )\n <legacy-hsl-syntax> = hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )\n <modern-hsl-syntax> = hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <legacy-hsla-syntax> = hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )\n <modern-hsla-syntax> = hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )\n <hue> = <number> | <angle>\n <alpha-value> = <number> | <percentage>\n <colorspace-params> = <predefined-rgb-params> | <xyz-params>\n <predefined-rgb-params> = <predefined-rgb> [ <number> | <percentage> | none ]{3}\n <xyz-params> = <xyz-space> [ <number> | <percentage> | none ]{3}\n <predefined-rgb> = srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020\n <xyz-space> = xyz | xyz-d50 | xyz-d65"
|
||||
},
|
||||
"color-interpolation-method": {
|
||||
"url": "$MDN_URL$/web/css/color-interpolation-method",
|
||||
@@ -5288,7 +5296,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The CSS <strong>attribute selector</strong> matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match.\n<p>The case sensitivity of attribute names and values depends on the document language. In HTML, attribute names are case insensitive, as are spec-defined <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values. The <a href=\"https://html.spec.whatwg.org/multipage/semantics-other.html#case-sensitivity-of-selectors\" class=\"external\" target=\"_blank\">case-insensitive HTML attribute values</a> are listed in the HTML spec. For these attributes, the attribute value in the selector is case-insensitive, regardless of whether the value is invalid or the attribute for the element on which it is set is invalid.\n<p>If the attribute value is case sensitive, like <a href=\"$MDN_URL$/Web/HTML/Global_attributes/class\"><code>class</code></a>, <a href=\"$MDN_URL$/Web/HTML/Global_attributes/id\"><code>id</code></a>, and <a href=\"$MDN_URL$/Web/HTML/Global_attributes/data-*\"><code>data-*</code></a> attributes, the attribute selector value match is case-sensitive. Attributes defined outside of the HTML specification, like <a href=\"$MDN_URL$/Web/Accessibility/ARIA/Roles\"><code>role</code></a> and <a href=\"$MDN_URL$/Web/Accessibility/ARIA/Attributes\"><code>aria-*</code></a> attributes, are also case-sensitive. Normally case-sensitive attribute selectors can be made case-insensitive with the inclusion of the case-insensitive modifier (<code>i</code>).\n<div class=\"code-example\"><div>\n```css\n/* <a> elements with a title attribute */\na[title] {\n color: purple;\n}\n/* <a> elements with an href matching \"https://example.org\" */\na[href=\"https://example.org\"]\n{\n color: green;\n}\n/* <a> elements with an href containing \"example\" */\na[href*=\"example\"] {\n font-size: 2em;\n}\n/* <a> elements with an href ending \".org\", case-insensitive */\na[href$=\".org\" i] {\n font-style: italic;\n}\n/* <a> elements whose class attribute contains the word \"logo\" */\na[class~=\"logo\"] {\n padding: 2px;\n}\n```\n</div></div>"
|
||||
"doc": "The CSS <strong>attribute selector</strong> matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match.\n<p>The case sensitivity of attribute names and values depends on the document language. In HTML, attribute names are case-insensitive, as are spec-defined <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values. The <a href=\"https://html.spec.whatwg.org/multipage/semantics-other.html#case-sensitivity-of-selectors\" class=\"external\" target=\"_blank\">case-insensitive HTML attribute values</a> are listed in the HTML spec. For these attributes, the attribute value in the selector is case-insensitive, regardless of whether the value is invalid or the attribute for the element on which it is set is invalid.\n<p>If the attribute value is case-sensitive, like <a href=\"$MDN_URL$/Web/HTML/Global_attributes/class\"><code>class</code></a>, <a href=\"$MDN_URL$/Web/HTML/Global_attributes/id\"><code>id</code></a>, and <a href=\"$MDN_URL$/Web/HTML/Global_attributes/data-*\"><code>data-*</code></a> attributes, the attribute selector value match is case-sensitive. Attributes defined outside of the HTML specification, like <a href=\"$MDN_URL$/Web/Accessibility/ARIA/Roles\"><code>role</code></a> and <a href=\"$MDN_URL$/Web/Accessibility/ARIA/Attributes\"><code>aria-*</code></a> attributes, are also case-sensitive. Normally case-sensitive attribute selectors can be made case-insensitive with the inclusion of the case-insensitive modifier (<code>i</code>).\n<div class=\"code-example\"><div>\n```css\n/* <a> elements with a title attribute */\na[title] {\n color: purple;\n}\n/* <a> elements with an href matching \"https://example.org\" */\na[href=\"https://example.org\"]\n{\n color: green;\n}\n/* <a> elements with an href containing \"example\" */\na[href*=\"example\"] {\n font-size: 2em;\n}\n/* <a> elements with an href ending \".org\", case-insensitive */\na[href$=\".org\" i] {\n font-style: italic;\n}\n/* <a> elements whose class attribute contains the word \"logo\" */\na[class~=\"logo\"] {\n padding: 2px;\n}\n```\n</div></div>"
|
||||
},
|
||||
"backdrop-filter": {
|
||||
"url": "$MDN_URL$/web/css/backdrop-filter",
|
||||
@@ -8813,7 +8821,7 @@
|
||||
"values": {
|
||||
"normal": "Normal font weight. Same as <code>400</code>.",
|
||||
"bold": "Bold font weight. Same as <code>700</code>.",
|
||||
"<number>": "A <a href=\"$MDN_URL$/Web/CSS/number\"><code><number></code></a> value between 1 and 1000, both values included. Higher numbers represent weights that are bolder than (or as bold as) lower numbers. This allows fine-grain control for <a href=\"#variable_fonts\">variable fonts</a>. For non-variable fonts, if the exact specified weight is unavailable, a <a href=\"#fallback-weights\">fallback weight</a> algorithm is used — numeric values that are divisible by 100 correspond to common weight names, as described in the <a href=\"#common_weight_name_mapping\">Common weight name mapping</a> section below.",
|
||||
"<number>": "A <a href=\"$MDN_URL$/Web/CSS/number\"><code><number></code></a> value between 1 and 1000, both values included. Higher numbers represent weights that are bolder than (or as bold as) lower numbers. This allows fine-grain control for <a href=\"#variable_fonts\">variable fonts</a>. For non-variable fonts, if the exact specified weight is unavailable, a <a href=\"#fallback_weights\">fallback weight</a> algorithm is used — numeric values that are divisible by 100 correspond to common weight names, as described in the <a href=\"#common_weight_name_mapping\">Common weight name mapping</a> section below.",
|
||||
"lighter": "One relative font weight lighter than the parent element. Note that only four font weights are considered for relative weight calculation; see the <a href=\"#meaning_of_relative_weights\">Meaning of relative weights</a> section below.",
|
||||
"bolder": "One relative font weight heavier than the parent element. Note that only four font weights are considered for relative weight calculation; see the <a href=\"#meaning_of_relative_weights\">Meaning of relative weights</a> section below."
|
||||
}
|
||||
@@ -10935,7 +10943,7 @@
|
||||
"Safari": "17.2",
|
||||
"SafariIOS": "17.2"
|
||||
},
|
||||
"doc": "The CSS <strong><code>&</code> nesting selector</strong> explicitly states the relationship between parent and child rules when using <a href=\"$MDN_URL$/Web/CSS/CSS_nesting\">CSS Nesting</a>. It makes nested child rule selectors <em>relative to the parent element</em>. Without the <code>&</code> nesting selector the child rule selector selects child elements. The child rule selectors have the same <a href=\"$MDN_URL$/Web/CSS/CSS_nesting/Nesting_and_specificity\">specificity</a> weight as if they were within <a href=\"$MDN_URL$/Web/CSS/:is\"><code>:is()</code></a>.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> <em>Child rule</em> does not mean <em>child element selector</em>. A child rule can target parent element or child elements depending on use of the <code>&</code> nesting selector.\n</div>\n<p>If not used in nested style rule the <code>&</code> nesting selector represents the <a href=\"$MDN_URL$/Web/CSS/:scope\">scoping root</a>."
|
||||
"doc": "The CSS <strong><code>&</code> nesting selector</strong> explicitly states the relationship between parent and child rules when using <a href=\"$MDN_URL$/Web/CSS/CSS_nesting\">CSS nesting</a>. It makes the nested child rule selectors <em>relative to the parent element</em>. Without the <code>&</code> nesting selector, the child rule selector selects child elements. The child rule selectors have the same <a href=\"$MDN_URL$/Web/CSS/CSS_nesting/Nesting_and_specificity\">specificity</a> weight as if they were within <a href=\"$MDN_URL$/Web/CSS/:is\"><code>:is()</code></a>.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> <em>Child rule</em> does not mean <em>child element selector</em>. A child rule can target parent element or child elements depending on use of the <code>&</code> nesting selector.\n</div>\n<p>If not used in nested style rule, the <code>&</code> nesting selector represents the <a href=\"$MDN_URL$/Web/CSS/:scope\">scoping root</a>."
|
||||
},
|
||||
"next-sibling_combinator": {
|
||||
"url": "$MDN_URL$/web/css/next-sibling_combinator",
|
||||
@@ -11128,7 +11136,7 @@
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>opacity</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.",
|
||||
"formalSyntax": "<alpha-value>\n <alpha-value> = <number> | <percentage>",
|
||||
"formalSyntax": "<opacity-value>",
|
||||
"values": {
|
||||
"<alpha-value>": "A <a href=\"$MDN_URL$/Web/CSS/number\"><code><number></code></a> in the range <code>0.0</code> to <code>1.0</code>, inclusive, or a <a href=\"$MDN_URL$/Web/CSS/percentage\"><code><percentage></code></a> in the range <code>0%</code> to <code>100%</code>, inclusive, representing the opacity of the channel (that is, the value of its alpha channel). Any value outside the interval, though valid, is clamped to the nearest limit in the range. <figure class=\"table-container\"><table> <thead> <tr> <th>Value</th> <th>Meaning</th> </tr> </thead> <tbody> <tr> <td><code>0</code></td> <td>The element is fully transparent (that is, invisible).</td> </tr> <tr> <td>Any <a href=\"$MDN_URL$/Web/CSS/number\"><code><number></code></a> strictly between <code>0</code> and <code>1</code></td> <td>The element is translucent (that is, content behind the element can be seen).</td> </tr> <tr> <td><code>1</code> (default value)</td> <td>The element is fully opaque (visually solid).</td> </tr> </tbody> </table></figure>"
|
||||
}
|
||||
@@ -12980,7 +12988,8 @@
|
||||
"Chrome": "121",
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "121",
|
||||
"Firefox": "64"
|
||||
"Firefox": "64",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "The <strong><code>scrollbar-color</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the color of the scrollbar track and thumb.\n<p>The <strong>track</strong> refers to the background of the scrollbar, which is generally fixed regardless of the scrolling position.\n<p>The <strong>thumb</strong> refers to the moving part of the scrollbar, which usually floats on top of the track.\n<p>When <code>scrollbar-color</code> value is set on the document's root element, the values are applied to the viewport scrollbars.",
|
||||
"formalSyntax": "auto | <color>{2}",
|
||||
@@ -13017,7 +13026,8 @@
|
||||
"Chrome": "121",
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "121",
|
||||
"Firefox": "64"
|
||||
"Firefox": "64",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "The <strong><code>scrollbar-width</code></strong> property allows the author to set the maximum thickness of an element's scrollbars when they are shown.",
|
||||
"formalSyntax": "auto | thin | none",
|
||||
@@ -13056,7 +13066,7 @@
|
||||
"SafariIOS": "10.3"
|
||||
},
|
||||
"doc": "The <strong><code>shape-image-threshold</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property sets the alpha channel threshold used to extract the shape using an image as the value for <a href=\"$MDN_URL$/Web/CSS/shape-outside\"><code>shape-outside</code></a>.",
|
||||
"formalSyntax": "<alpha-value>\n <alpha-value> = <number> | <percentage>",
|
||||
"formalSyntax": "<'opacity'>",
|
||||
"values": {
|
||||
"<alpha-value>": "Sets the threshold used for extracting a shape from an image. The shape is defined by the pixels whose alpha value is greater than the threshold. Values outside the range 0.0 (fully transparent) to 1.0 (fully opaque) are clamped to this range."
|
||||
}
|
||||
@@ -13763,7 +13773,7 @@
|
||||
"Opera": "102"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>timeline-scope</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> property modifies the scope of a named animation timeline.\n<p>By default, a named timeline (i.e. declared using <a href=\"$MDN_URL$/Web/CSS/scroll-timeline-name\"><code>scroll-timeline-name</code></a> or <a href=\"$MDN_URL$/Web/CSS/view-timeline-name\"><code>view-timeline-name</code></a>) can only be set as the controlling timeline of a direct descendant element (i.e. by setting <a href=\"$MDN_URL$/Web/CSS/animation-timeline\"><code>animation-timeline</code></a> on it with the timeline name as its value). This is the timeline's default \"scope\".\n<p><code>timeline-scope</code> is given the name of a timeline defined on a descendant element; this causes the scope of the timeline to be increased to the element that <code>timeline-scope</code> is set on and any of its descendants. In other words, that element and any of its descendant elements can now be controlled using that timeline.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> If no timeline (or more than one timeline) exists with the name given for the <code>timeline-scope</code> value, an inactive timeline with the specified name is created.\n</div>",
|
||||
"formalSyntax": "none | <dashed-ident>#",
|
||||
"formalSyntax": "none | all | <dashed-ident>#",
|
||||
"values": {
|
||||
"none": "There is no change in timeline scope.",
|
||||
"<dashed-ident>": "Specifies the name of an existing named timeline (i.e. declared using <a href=\"$MDN_URL$/Web/CSS/scroll-timeline-name\"><code>scroll-timeline-name</code></a> or <a href=\"$MDN_URL$/Web/CSS/view-timeline-name\"><code>view-timeline-name</code></a>) defined on a descendant element. This causes the timeline scope to be increased to the element that <code>timeline-scope</code> is set on and any of its descendants. <div class=\"notecard note\" id=\"sect3\"> <p><strong>Note:</strong> <a href=\"$MDN_URL$/Web/CSS/custom-ident\"><code><dashed-ident></code></a> values must start with <code>--</code>, which helps to avoid name clashes with standard CSS keywords. </div>"
|
||||
@@ -15915,7 +15925,7 @@
|
||||
"Safari": "4"
|
||||
}
|
||||
},
|
||||
"doc": "<div class=\"notecard nonstandard\" id=\"sect1\"><p><strong>Non-standard:</strong> This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.</div>\n<p>The <code>::-webkit-scrollbar</code> CSS pseudo-element affects the style of an element's scrollbar when it has scrollable overflow.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> The <code>::-webkit-scrollbar</code> vendor-prefixed pseudo-element is not supported on all browsers (see <a href=\"#browser_compatibility\">Browser compatibility</a>).\nThe <a href=\"$MDN_URL$/Web/CSS/scrollbar-color\"><code>scrollbar-color</code></a> and <a href=\"$MDN_URL$/Web/CSS/scrollbar-width\"><code>scrollbar-width</code></a> standard properties may be used as an alternative for browsers that do not support this pseudo-element.\n</div>"
|
||||
"doc": "<div class=\"notecard nonstandard\" id=\"sect1\"><p><strong>Non-standard:</strong> This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.</div>\n<p>The <code>::-webkit-scrollbar</code> CSS pseudo-element affects the style of an element's scrollbar when it has scrollable overflow.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> The <code>::-webkit-scrollbar</code> vendor-prefixed pseudo-element is not supported on all browsers (see <a href=\"#browser_compatibility\">Browser compatibility</a>).\nThe <a href=\"$MDN_URL$/Web/CSS/scrollbar-color\"><code>scrollbar-color</code></a> and <a href=\"$MDN_URL$/Web/CSS/scrollbar-width\"><code>scrollbar-width</code></a> standard properties may be used as an alternative for browsers that do not support this pseudo-element. When these properties are set, <code>::-webkit-scrollbar</code> styling is disabled.\n</div>"
|
||||
},
|
||||
"-webkit-search-cancel-button": {
|
||||
"url": "$MDN_URL$/web/css/_doublecolon_-webkit-search-cancel-button",
|
||||
@@ -16099,6 +16109,7 @@
|
||||
"Chrome": "121",
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "121",
|
||||
"Opera": "107",
|
||||
"Safari": "preview"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>::grammar-error</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Pseudo-elements\">pseudo-element</a> represents a text segment which the <a href=\"$MDN_URL$/Glossary/User_agent\">user agent</a> has flagged as grammatically incorrect."
|
||||
@@ -16205,6 +16216,7 @@
|
||||
"Chrome": "121",
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "121",
|
||||
"Opera": "107",
|
||||
"Safari": "preview"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>::spelling-error</code></strong> <a href=\"$MDN_URL$/Web/CSS\">CSS</a> <a href=\"$MDN_URL$/Web/CSS/Pseudo-elements\">pseudo-element</a> represents a text segment which the <a href=\"$MDN_URL$/Glossary/User_agent\">user agent</a> has flagged as incorrectly spelled."
|
||||
|
||||
@@ -518,6 +518,7 @@
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "121",
|
||||
"Firefox": "115",
|
||||
"Opera": "107",
|
||||
"Safari": "16.4",
|
||||
"SafariIOS": "16.4",
|
||||
"Deno": "1.38"
|
||||
|
||||
@@ -1092,6 +1092,15 @@
|
||||
},
|
||||
"controlslist": {
|
||||
"url": "$MDN_URL$/web/html/element/audio#controlslist",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "58",
|
||||
"ChromeAndroid": "58",
|
||||
"Edge": "79",
|
||||
"Opera": "45"
|
||||
},
|
||||
"doc": "The <a href=\"https://wicg.github.io/controls-list/explainer.html\" class=\"external\" target=\"_blank\"><code>controlslist</code></a> attribute, when specified, helps the browser select what controls to show for the <code>audio</code> element whenever the browser shows its own set of controls (that is, when the <code>controls</code> attribute is specified).\n<p>The allowed values are <code>nodownload</code>, <code>nofullscreen</code> and <code>noremoteplayback</code>."
|
||||
},
|
||||
"crossorigin": {
|
||||
@@ -1706,13 +1715,6 @@
|
||||
"DOM interface": "<a href=\"$MDN_URL$/Web/API/HTMLButtonElement\"><code>HTMLButtonElement</code></a>\n"
|
||||
},
|
||||
"attrs": {
|
||||
"autocomplete": {
|
||||
"url": "$MDN_URL$/web/html/element/button#autocomplete",
|
||||
"compatibility": {
|
||||
"Firefox": "4"
|
||||
},
|
||||
"doc": "This attribute on a <a href=\"$MDN_URL$/Web/HTML/Element/button\" aria-current=\"page\"><code><button></code></a> is nonstandard and Firefox-specific. Unlike other browsers, <a href=\"https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing\" class=\"external\" target=\"_blank\">Firefox persists the dynamic disabled state</a> of a <a href=\"$MDN_URL$/Web/HTML/Element/button\" aria-current=\"page\"><code><button></code></a> across page loads. Setting <code>autocomplete=\"off\"</code> on the button disables this feature; see <a href=\"https://bugzil.la/654072\" class=\"external\" target=\"_blank\">Firefox bug 654072</a>."
|
||||
},
|
||||
"autofocus": {
|
||||
"url": "$MDN_URL$/web/html/element/button#autofocus",
|
||||
"doc": "This Boolean attribute specifies that the button should have input <a href=\"$MDN_URL$/Web/API/HTMLElement/focus\">focus</a> when the page loads. <strong>Only one element in a document can have this attribute.</strong>"
|
||||
@@ -1847,10 +1849,34 @@
|
||||
},
|
||||
"popovertarget": {
|
||||
"url": "$MDN_URL$/web/html/element/button#popovertarget",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "114",
|
||||
"ChromeAndroid": "114",
|
||||
"Edge": "114",
|
||||
"Firefox": "preview",
|
||||
"Opera": "100",
|
||||
"Safari": "17",
|
||||
"SafariIOS": "17"
|
||||
},
|
||||
"doc": "Turns a <code><button></code> element into a popover control button; takes the ID of the popover element to control as its value. See the <a href=\"$MDN_URL$/Web/API/Popover_API\" >Popover API</a> landing page for more details."
|
||||
},
|
||||
"popovertargetaction": {
|
||||
"url": "$MDN_URL$/web/html/element/button#popovertargetaction",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "114",
|
||||
"ChromeAndroid": "114",
|
||||
"Edge": "114",
|
||||
"Firefox": "preview",
|
||||
"Opera": "100",
|
||||
"Safari": "17",
|
||||
"SafariIOS": "17"
|
||||
},
|
||||
"doc": "Specifies the action to be performed on a popover element being controlled by a control <code><button></code>. Possible values are:\n<dl>\n<dt id=\"hide\"><a href=\"#hide\"><code>\"hide\"</code></a></dt>\n<dd>\n<p>The button will hide a shown popover. If you try to hide an already hidden popover, no action will be taken.\n</dd>\n<dt id=\"show\"><a href=\"#show\"><code>\"show\"</code></a></dt>\n<dd>\n<p>The button will show a hidden popover. If you try to show an already showing popover, no action will be taken.\n</dd>\n<dt id=\"toggle\"><a href=\"#toggle\"><code>\"toggle\"</code></a></dt>\n<dd>\n<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.\n</dd>\n</dl>"
|
||||
},
|
||||
"type": {
|
||||
@@ -1964,7 +1990,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "The <strong><code><caption></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element specifies the caption (or title) of a table.",
|
||||
"doc": "The <strong><code><caption></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element specifies the caption (or title) of a table, providing the table an <a href=\"$MDN_URL$/Glossary/Accessible_description\">accessible description</a>.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">Flow content</a>\n.\n",
|
||||
@@ -1990,7 +2016,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute indicates how the caption must be aligned with respect to the table. It may have one of the following values:\n<dl>\n<dt id=\"left\"><a href=\"#left\"><code>left</code></a></dt>\n<dd>\n<p>The caption is displayed to the left of the table.\n</dd>\n<dt id=\"top\"><a href=\"#top\"><code>top</code></a></dt>\n<dd>\n<p>The caption is displayed above the table.\n</dd>\n<dt id=\"right\"><a href=\"#right\"><code>right</code></a></dt>\n<dd>\n<p>The caption is displayed to the right of the table.\n</dd>\n<dt id=\"bottom\"><a href=\"#bottom\"><code>bottom</code></a></dt>\n<dd>\n<p>The caption is displayed below the table.\n</dd>\n</dl>\n<div class=\"notecard warning\" id=\"sect1\">\n<p><strong>Warning:</strong> Do not use this attribute, as it has been deprecated. The <a href=\"$MDN_URL$/Web/HTML/Element/caption\" aria-current=\"page\"><code><caption></code></a> element should be styled using the <a href=\"$MDN_URL$/Web/CSS\">CSS</a> properties <a href=\"$MDN_URL$/Web/CSS/caption-side\"><code>caption-side</code></a> and <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a>.\n</div>"
|
||||
"doc": "Specifies on which side of the table the caption should be displayed. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>top</code>, <code>right</code>, or <code>bottom</code>. Use the <a href=\"$MDN_URL$/Web/CSS/caption-side\"><code>caption-side</code></a> and <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS properties instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -2075,7 +2101,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "The <strong><code><col></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> element.\n<p><code><col></code> allows styling columns using CSS, but only a few properties will have an effect on the column (<a href=\"https://www.w3.org/TR/CSS21/tables.html#columns\" class=\"external\" target=\"_blank\">see the CSS 2.1 specification</a> for a list).",
|
||||
"doc": "The <strong><code><col></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines one or more columns in a column group represented by its parent <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> element. The <code><col></code> element is only valid as a child of a <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> element that has no <a href=\"$MDN_URL$/Web/HTML/Element/colgroup#span\"><code>span</code></a> attribute defined.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "None; it is a\n<a href=\"$MDN_URL$/Glossary/Void_element\">void element</a>\n.\n",
|
||||
@@ -2101,7 +2127,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute specifies how horizontal alignment of each column cell content will be handled. Possible values are:\n<ul>\n<li><code>left</code>, aligning the content to the left of the cell</li>\n<li><code>center</code>, centering the content in the cell</li>\n<li><code>right</code>, aligning the content to the right of the cell</li>\n<li><code>justify</code>, inserting spaces into the textual content so that the content is justified in the cell</li>\n</ul>\n<p>If this attribute is not set, its value is inherited from the <a href=\"$MDN_URL$/Web/HTML/Element/colgroup#align\"><code>align</code></a> of the <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> element this <code><col></code> element belongs too. If there are none, the <code>left</code> value is assumed.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> To achieve the same effect as the <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code> values, do not try to set the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property on a selector giving a <code><col></code> element. Because <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> elements are not descendant of the <code><col></code> element, they won't inherit it.\n<p>If the table doesn't use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use the <code>td:nth-child(an+b)</code> CSS selector. Set <code>a</code> to zero and <code>b</code> to the position of the column in the table, e.g. <code>td:nth-child(2) { text-align: right; }</code> to right-align the second column.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of each column cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and on offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Note that this attribute overrides the specified <a href=\"$MDN_URL$/Web/HTML/Element/colgroup#align\"><code>align</code></a> of its <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> parent element. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property on the <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements instead, as this attribute is deprecated.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> Setting <code>text-align</code> on the <code><col></code> element has no effect as <code><col></code> has no descendants, and therefore no elements inherit from it.\n<p>If the table does not use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use the <code>td:nth-of-type(an+b)</code> CSS selector. Set <code>a</code> to zero and <code>b</code> to the position of the column in the table, e.g. <code>td:nth-of-type(2) { text-align: right; }</code> to right-align the second column cells.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/col#bgcolor",
|
||||
@@ -2118,7 +2144,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The background color of the table. It is a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>'. One of the predefined <a href=\"$MDN_URL$/Web/CSS/color_value#named_colors\">color keywords</a> can also be used.\n<p>To achieve a similar effect, use the CSS <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> property."
|
||||
"doc": "Defines the background color of each column cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/col#char",
|
||||
@@ -2134,7 +2160,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute sets the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
"doc": "Specifies the alignment of the content to a character of each column cell. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored, though it will still override the specified <a href=\"$MDN_URL$/Web/HTML/Element/colgroup#char\"><code>char</code></a> of its <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> parent element."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/col#charoff",
|
||||
@@ -2150,7 +2176,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the <code>char</code> attribute."
|
||||
"doc": "Specifies the number of characters to offset the column cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"span": {
|
||||
"url": "$MDN_URL$/web/html/element/col#span",
|
||||
@@ -2166,7 +2192,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute contains a positive integer indicating the number of consecutive columns the <code><col></code> element spans. If not present, its default value is <code>1</code>."
|
||||
"doc": "Specifies the number of consecutive columns the <code><col></code> element spans. The value must be a positive integer greater than zero. If not present, its default value is <code>1</code>."
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/col#valign",
|
||||
@@ -2183,7 +2209,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies the vertical alignment of the text within each cell of the column. Possible values for this attribute are:\n<ul>\n<li><code>baseline</code>, which will put the text as close to the bottom of the cell as it is possible, but align it on the <a href=\"https://en.wikipedia.org/wiki/Baseline_%28typography%29\" class=\"external\" target=\"_blank\">baseline</a> of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as <code>bottom</code>.</li>\n<li><code>bottom</code>, which will put the text as close to the bottom of the cell as it is possible;</li>\n<li><code>middle</code>, which will center the text in the cell;</li>\n<li>and <code>top</code>, which will put the text as close to the top of the cell as it is possible.</li>\n</ul>\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> Do not try to set the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property on a selector giving a <code><col></code> element. Because <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> elements are not descendant of the <code><col></code> element, they won't inherit it.\n<p>If the table doesn't use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use the <code>td:nth-child(an+b)</code> CSS selector where 'a' is the total number of the columns in the table and 'b' is the ordinal position of the column in the table. Only after this selector the <code>vertical-align</code> property can be used.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
"doc": "Specifies the vertical alignment of each column cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Note that this attribute overrides the specified <a href=\"$MDN_URL$/Web/HTML/Element/colgroup#valign\"><code>valign</code></a> of its <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> parent element. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property on the <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements instead, as this attribute is deprecated.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> Setting <code>vertical-align</code> on the <code><col></code> element has no effect as <code><col></code> has no descendants, and therefore no elements inherit from it.\n<p>If the table does not use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use the <code>td:nth-of-type(an+b)</code> CSS selector. Set <code>a</code> to zero and <code>b</code> to the position of the column in the table, e.g. <code>td:nth-of-type(2) { vertical-align: middle; }</code> to center the second column cells vertically.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
},
|
||||
"width": {
|
||||
"url": "$MDN_URL$/web/html/element/col#width",
|
||||
@@ -2200,7 +2226,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute specifies a default width for each column in the current column group. In addition to the standard pixel and percentage values, this attribute might take the special form <code>0*</code>, which means that the width of each column in the group should be the minimum width necessary to hold the column's contents. Relative widths such as <code>5*</code> also can be used."
|
||||
"doc": "Specifies a default width for each column. In addition to the standard pixel and percentage values, this attribute can take the special form <code>0*</code>, which means that the width of each column spanned should be the minimum width necessary to hold the column's contents. Relative widths such as <code>5*</code> can also be used. Note that this attribute overrides the specified <a href=\"$MDN_URL$/Web/HTML/Element/colgroup#width\"><code>width</code></a> of its <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> parent element. Use the <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -2223,7 +2249,7 @@
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "If the\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup#span\" aria-current=\"page\"><code>span</code></a>\nattribute is\npresent: none.\n<br>\nIf\nthe attribute is not present: zero or more\n<a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a>\nelement\n",
|
||||
"Tag omission": "The start tag may be omitted, if it has a\n<a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a>\nelement as its first child and if it is not preceded by a\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\" aria-current=\"page\"><code><colgroup></code></a>\nwhose end tag has been omitted.\n<br>\nThe\nend tag may be omitted, if it is not followed by a space or a comment.\n",
|
||||
"Permitted parents": "A\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement. The\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\" aria-current=\"page\"><code><colgroup></code></a>\nmust appear after any optional\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\nelement but before any\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nand\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelement.\n",
|
||||
"Permitted parents": "A\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement. The\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\" aria-current=\"page\"><code><colgroup></code></a>\nmust appear after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\nelement, but before any\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\n, and\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelements.\n",
|
||||
"Implicit ARIA role": "<a href=\"https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role\" class=\"external\" target=\"_blank\">No corresponding role</a>\n",
|
||||
"Permitted ARIA roles": "No\n<code>role</code>\npermitted\n",
|
||||
"DOM interface": "<a href=\"$MDN_URL$/Web/API/HTMLTableColElement\"><code>HTMLTableColElement</code></a>\n"
|
||||
@@ -2244,7 +2270,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute specifies how horizontal alignment of each column cell content will be handled. Possible values are:\n<ul>\n<li><code>left</code>, aligning the content to the left of the cell</li>\n<li><code>center</code>, centering the content in the cell</li>\n<li><code>right</code>, aligning the content to the right of the cell</li>\n<li><code>justify</code>, inserting spaces into the textual content so that the content is justified in the cell</li>\n<li><code>char</code>, aligning the textual content on a special character with a minimal offset, defined by the <a href=\"$MDN_URL$/Web/HTML/Element/col#char\"><code>char</code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/col#charoff\"><code>charoff</code></a> attributes.</li>\n</ul>\n<p>If this attribute is not set, the <code>left</code> value is assumed. The descendant <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> elements may override this value using their own <a href=\"$MDN_URL$/Web/HTML/Element/col#align\"><code>align</code></a> attribute.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> Do not try to set the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property on a selector giving a <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\" aria-current=\"page\"><code><colgroup></code></a> element. Because <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> elements are not descendant of the <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\" aria-current=\"page\"><code><colgroup></code></a> element, they won't inherit it.\n<p>If the table doesn't use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use one <code>td:nth-child(an+b)</code> CSS selector per column, where 'a' is the total number of the columns in the table and 'b' is the ordinal position of this column in the table. Only after this selector the <code>text-align</code> property can be used.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of each column group cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and the offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Note that the descendant <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> elements may override this value using their own <a href=\"$MDN_URL$/Web/HTML/Element/col#align\"><code>align</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property on the <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements instead, as this attribute is deprecated.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> Setting <code>text-align</code> on the <code><colgroup></code> element has no effect as <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements are not descendants of the <code><colgroup></code> element, and therefore they do not inherit from it.\n<p>If the table does not use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use the <code>td:nth-of-type(an+b)</code> CSS selector per column, where <code>a</code> is the total number of the columns in the table and <code>b</code> is the ordinal position of the column in the table, e.g. <code>td:nth-of-type(7n+2) { text-align: right; }</code> to right-align the second column cells.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/colgroup#bgcolor",
|
||||
@@ -2261,7 +2287,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The background color of the table. It is a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>'. One of the predefined <a href=\"$MDN_URL$/Web/CSS/named-color\">color keywords</a> can also be used.\n<p>To achieve a similar effect, use the CSS <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> property."
|
||||
"doc": "Defines the background color of each column group cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/colgroup#char",
|
||||
@@ -2277,7 +2303,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies the alignment of the content in a column group to a character. Typical values for this include a period (.) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored, though it will still be used as the default value for the <a href=\"$MDN_URL$/Web/HTML/Element/col#align\"><code>align</code></a> of the <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> which are members of this column group."
|
||||
"doc": "Specifies the alignment of the content to a character of each column group cell. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored, though it will still be used as the default value for the <a href=\"$MDN_URL$/Web/HTML/Element/col#align\"><code>align</code></a> of the <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> elements which are members of this column group."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/colgroup#charoff",
|
||||
@@ -2293,7 +2319,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute is used to indicate the number of characters to offset the column data from the alignment character specified by the <code>char</code> attribute."
|
||||
"doc": "Specifies the number of characters to offset the column group cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"span": {
|
||||
"url": "$MDN_URL$/web/html/element/colgroup#span",
|
||||
@@ -2309,7 +2335,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute contains a positive integer indicating the number of consecutive columns the <code><colgroup></code> element spans. If not present, its default value is <code>1</code>.\n<p>The <code>span</code> attribute is not permitted if there are one or more <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> elements within the <code><colgroup></code>."
|
||||
"doc": "Specifies the number of consecutive columns the <code><colgroup></code> element spans. The value must be a positive integer greater than zero. If not present, its default value is <code>1</code>.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> The <code>span</code> attribute is not permitted if there are one or more <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> elements within the <code><colgroup></code>.\n</div>"
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/colgroup#valign",
|
||||
@@ -2326,7 +2352,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies the vertical alignment of the text within each cell of the column. Possible values for this attribute are:\n<ul>\n<li><code>baseline</code>, which will put the text as close to the bottom of the cell as it is possible, but align it on the <a href=\"https://en.wikipedia.org/wiki/Baseline_%28typography%29\" class=\"external\" target=\"_blank\">baseline</a> of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as <code>bottom</code>.</li>\n<li><code>bottom</code>, which will put the text as close to the bottom of the cell as it is possible;</li>\n<li><code>middle</code>, which will center the text in the cell;</li>\n<li>and <code>top</code>, which will put the text as close to the top of the cell as it is possible.</li>\n</ul>\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> Do not try to set the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property on a selector giving a <code><colgroup></code> element. Because <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> elements are not descendant of the <code><colgroup></code> element, they won't inherit it.\n<p>If the table doesn't use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use the <code>td:nth-child(an+b)</code> CSS selector per column, where 'a' is the total number of the columns in the table and 'b' is the ordinal position of the column in the table. Only after this selector the <code>vertical-align</code> property can be used.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
"doc": "Specifies the vertical alignment of each column group cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Note that the descendant <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> elements may override this value using their own <a href=\"$MDN_URL$/Web/HTML/Element/col#valign\"><code>valign</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property on the <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements instead, as this attribute is deprecated.\n<div class=\"notecard note\" id=\"sect3\">\n<p><strong>Note:</strong> Setting <code>vertical-align</code> on the <code><colgroup></code> element has no effect as <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements are not descendants of the <code><colgroup></code> element, and therefore they do not inherit from it.\n<p>If the table does not use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, use the <a href=\"$MDN_URL$/Web/CSS/:nth-of-type\"><code>td:nth-of-type()</code></a> CSS selector per column, e.g. <code>td:nth-of-type(2) { vertical-align: middle; }</code> to center the second column cells vertically.\n<p>If the table does use a <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, the effect can be achieved by combining adequate CSS attribute selectors like <code>[colspan=n]</code>, though this is not trivial.\n</div>"
|
||||
},
|
||||
"width": {
|
||||
"url": "$MDN_URL$/web/html/element/colgroup#width",
|
||||
@@ -2342,7 +2368,8 @@
|
||||
"Opera": "15",
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
}
|
||||
},
|
||||
"doc": "Specifies a default width for each column in the current column group. In addition to the standard pixel and percentage values, this attribute can take the special form <code>0*</code>, which means that the width of each column spanned should be the minimum width necessary to hold the column's contents. Relative widths such as <code>5*</code> can also be used. Note that the descendant <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> elements may override this value using their own <a href=\"$MDN_URL$/Web/HTML/Element/col#width\"><code>width</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -2517,7 +2544,7 @@
|
||||
"Safari": "6",
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"doc": "The <strong><code><details></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element creates a disclosure widget in which information is visible only when the widget is toggled into an \"open\" state. A summary or label must be provided using the <a href=\"$MDN_URL$/Web/HTML/Element/summary\"><code><summary></code></a> element.\n<p>A disclosure widget is typically presented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a label next to the triangle. The contents of the <code><summary></code> element are used as the label for the disclosure widget.\n<p>A <code><details></code> widget can be in one of two states. The default <em>closed</em> state displays only the triangle and the label inside <code><summary></code> (or a <a href=\"$MDN_URL$/Glossary/User_agent\">user agent</a>-defined default string if no <code><summary></code>).\n<p>When the user clicks on the widget or focuses it then presses the space bar, it \"twists\" open, revealing its contents. The common use of a triangle which rotates or twists around to represent opening or closing the widget is why these are sometimes called \"twisty\".\n<p>You can use CSS to style the disclosure widget, and you can programmatically open and close the widget by setting/removing its <a href=\"#open\"><code>open</code></a> attribute. Unfortunately, at this time, there's no built-in way to animate the transition between open and closed.\n<p>By default when closed, the widget is only tall enough to display the disclosure triangle and summary. When open, it expands to display the details contained within.\n<p>Fully standards-compliant implementations automatically apply the CSS <code><a href=\"$MDN_URL$/Web/CSS/display\"><code>display</code></a>: list-item</code> to the <a href=\"$MDN_URL$/Web/HTML/Element/summary\"><code><summary></code></a> element. You can use this to customize its appearance further. See <a href=\"#customizing_the_disclosure_widget\">Customizing the disclosure widget</a> for further details.",
|
||||
"doc": "The <strong><code><details></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element creates a disclosure widget in which information is visible only when the widget is toggled into an \"open\" state. A summary or label must be provided using the <a href=\"$MDN_URL$/Web/HTML/Element/summary\"><code><summary></code></a> element.\n<p>A disclosure widget is typically presented onscreen using a small triangle that rotates (or twists) to indicate open/closed status, with a label next to the triangle. The contents of the <code><summary></code> element are used as the label for the disclosure widget. The contents of the <code><details></code> provide the <a href=\"$MDN_URL$/Glossary/Accessible_description\">accessible description</a> for the <code><summary></code>.\n<p>A <code><details></code> widget can be in one of two states. The default <em>closed</em> state displays only the triangle and the label inside <code><summary></code> (or a <a href=\"$MDN_URL$/Glossary/User_agent\">user agent</a>-defined default string if no <code><summary></code>).\n<p>When the user clicks on the widget or focuses it then presses the space bar, it \"twists\" open, revealing its contents. The common use of a triangle which rotates or twists around to represent opening or closing the widget is why these are sometimes called \"twisty\".\n<p>You can use CSS to style the disclosure widget, and you can programmatically open and close the widget by setting/removing its <a href=\"#open\"><code>open</code></a> attribute. Unfortunately, at this time, there's no built-in way to animate the transition between open and closed.\n<p>By default when closed, the widget is only tall enough to display the disclosure triangle and summary. When open, it expands to display the details contained within.\n<p>Fully standards-compliant implementations automatically apply the CSS <code><a href=\"$MDN_URL$/Web/CSS/display\"><code>display</code></a>: list-item</code> to the <a href=\"$MDN_URL$/Web/HTML/Element/summary\"><code><summary></code></a> element. You can use this to customize its appearance further. See <a href=\"#customizing_the_disclosure_widget\">Customizing the disclosure widget</a> for further details.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">Flow content</a>\n, sectioning root, interactive content, palpable content.\n",
|
||||
"Permitted content": "One\n<a href=\"$MDN_URL$/Web/HTML/Element/summary\"><code><summary></code></a>\nelement followed by\n<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">flow content</a>\n.\n",
|
||||
@@ -2992,7 +3019,7 @@
|
||||
"Safari": "5.1",
|
||||
"SafariIOS": "5"
|
||||
},
|
||||
"doc": "The <strong><code><figcaption></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element represents a caption or legend describing the rest of the contents of its parent <a href=\"$MDN_URL$/Web/HTML/Element/figure\"><code><figure></code></a> element.",
|
||||
"doc": "The <strong><code><figcaption></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element represents a caption or legend describing the rest of the contents of its parent <a href=\"$MDN_URL$/Web/HTML/Element/figure\"><code><figure></code></a> element, providing the <code><figure></code> an <a href=\"$MDN_URL$/Glossary/Accessible_description\">accessible description</a>.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">Flow content</a>\n.\n",
|
||||
@@ -3904,6 +3931,16 @@
|
||||
},
|
||||
"csp": {
|
||||
"url": "$MDN_URL$/web/html/element/iframe#csp",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "61",
|
||||
"ChromeAndroid": "61",
|
||||
"Edge": "79",
|
||||
"Opera": "48"
|
||||
},
|
||||
"doc": "A <a href=\"$MDN_URL$/Web/HTTP/CSP\">Content Security Policy</a> enforced for the embedded resource. See <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement/csp\"><code>HTMLIFrameElement.csp</code></a> for details."
|
||||
},
|
||||
"frameborder": {
|
||||
@@ -4337,7 +4374,7 @@
|
||||
"Safari": "15.4",
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"doc": "Indicates how the browser should load the image:\n<dl>\n<dt id=\"eager\"><a href=\"#eager\"><code>eager</code></a></dt>\n<dd>\n<p>Loads the image immediately, regardless of whether or not the image is currently within the visible viewport (this is the default value).\n</dd>\n<dt id=\"lazy\"><a href=\"#lazy\"><code>lazy</code></a></dt>\n<dd>\n<p>Defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. The intent is to avoid the network and storage bandwidth needed to handle the image until it's reasonably certain that it will be needed. This generally improves the performance of the content in most typical use cases.\n</dd>\n</dl>\n<div class=\"notecard note\" id=\"sect5\">\n<p><strong>Note:</strong> Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when.\n</div>"
|
||||
"doc": "Indicates how the browser should load the image:\n<dl>\n<dt id=\"eager\"><a href=\"#eager\"><code>eager</code></a></dt>\n<dd>\n<p>Loads the image immediately, regardless of whether or not the image is currently within the visible viewport (this is the default value).\n</dd>\n<dt id=\"lazy\"><a href=\"#lazy\"><code>lazy</code></a></dt>\n<dd>\n<p>Defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. The intent is to avoid the network and storage bandwidth needed to handle the image until it's reasonably certain that it will be needed. This generally improves the performance of the content in most typical use cases.\n</dd>\n</dl>\n<div class=\"notecard note\" id=\"sect5\">\n<p><strong>Note:</strong> Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when.\n<strong>Note:</strong> Images with <code>loading</code> set to <code>lazy</code> will never be loaded if they do not intersect a visible part of an element, even if loading them would change that as unloaded images have a <code>width</code> and <code>height</code> of <code>0</code>. Putting <code>width</code> and <code>height</code> on lazyloaded images fixes this issue and is a best practice, <a href=\"https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element\" class=\"external\" target=\"_blank\">recommended by the specification</a>. Doing so also helps prevent layout shifts.\n</div>"
|
||||
},
|
||||
"longdesc": {
|
||||
"url": "$MDN_URL$/web/html/element/img#longdesc",
|
||||
@@ -4874,6 +4911,36 @@
|
||||
"SafariIOS": "3.2"
|
||||
}
|
||||
},
|
||||
"popovertarget": {
|
||||
"url": "$MDN_URL$/web/html/element/input#popovertarget",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "114",
|
||||
"ChromeAndroid": "114",
|
||||
"Edge": "114",
|
||||
"Firefox": "preview",
|
||||
"Opera": "100",
|
||||
"Safari": "17",
|
||||
"SafariIOS": "17"
|
||||
}
|
||||
},
|
||||
"popovertargetaction": {
|
||||
"url": "$MDN_URL$/web/html/element/input#popovertargetaction",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "114",
|
||||
"ChromeAndroid": "114",
|
||||
"Edge": "114",
|
||||
"Firefox": "preview",
|
||||
"Opera": "100",
|
||||
"Safari": "17",
|
||||
"SafariIOS": "17"
|
||||
}
|
||||
},
|
||||
"readonly": {
|
||||
"url": "$MDN_URL$/web/html/element/input#readonly",
|
||||
"status": [
|
||||
@@ -7372,18 +7439,6 @@
|
||||
},
|
||||
"language": {
|
||||
"url": "$MDN_URL$/web/html/element/script#language",
|
||||
"status": [
|
||||
"Deprecated"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "15",
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "Like the <code>type</code> attribute, this attribute identifies the scripting language in use. Unlike the <code>type</code> attribute, however, this attribute's possible values were never standardized. The <code>type</code> attribute should be used instead."
|
||||
},
|
||||
"nomodule": {
|
||||
@@ -8109,7 +8164,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><table></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.",
|
||||
"doc": "The <strong><code><table></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element represents tabular data—that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">Flow content</a>\n",
|
||||
"Permitted content": "In this order:\n<ol>\n<li>an optional <a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a> element,</li>\n<li>zero or more <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> elements,</li>\n<li>an optional <a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a> element,</li>\n<li>either one of the following:\n<ul>\n<li>zero or more <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a> elements</li>\n<li>one or more <a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a> elements</li>\n</ul>\n</li>\n<li>an optional <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a> element</li>\n</ol>\n",
|
||||
@@ -8135,7 +8190,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute indicates how the table must be aligned inside the containing document. It may have the following values:\n<ul>\n<li><code>left</code>: the table is displayed on the left side of the document;</li>\n<li><code>center</code>: the table is displayed in the center of the document;</li>\n<li><code>right</code>: the table is displayed on the right side of the document.</li>\n</ul>\n<p>Set <a href=\"$MDN_URL$/Web/CSS/margin-left\"><code>margin-left</code></a> and <a href=\"$MDN_URL$/Web/CSS/margin-right\"><code>margin-right</code></a> to achieve an effect that is similar to the align attribute:\n<ul>\n<li><code>left</code>: <code>margin-right: auto; margin-left: 0;</code></li>\n<li><code>center</code>: <code>margin-right: auto; margin-left: auto;</code></li>\n<li><code>right</code>: <code>margin-right: 0; margin-left: auto;</code></li>\n</ul>"
|
||||
"doc": "Specifies the horizontal alignment of the table within its parent element. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, and <code>right</code>. Use the <a href=\"$MDN_URL$/Web/CSS/margin-inline-start\"><code>margin-inline-start</code></a> and <a href=\"$MDN_URL$/Web/CSS/margin-inline-end\"><code>margin-inline-end</code></a> CSS properties instead, as this attribute is deprecated."
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/table#bgcolor",
|
||||
@@ -8152,7 +8207,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The background color of the table. It is a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>'. One of the predefined <a href=\"$MDN_URL$/Web/CSS/named-color\">color keywords</a> can also be used.\n<p>To achieve a similar effect, use the CSS <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> property."
|
||||
"doc": "Defines the background color of the table. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"border": {
|
||||
"url": "$MDN_URL$/web/html/element/table#border",
|
||||
@@ -8169,7 +8224,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This integer attribute defines, in pixels, the size of the frame surrounding the table. If set to 0, the <a href=\"#frame\"><code>frame</code></a> attribute is set to void.\n<p>To achieve a similar effect, use the CSS <a href=\"$MDN_URL$/Web/CSS/border\"><code>border</code></a> shorthand property."
|
||||
"doc": "Defines, as a non-negative integer value (in pixels), the size of the frame surrounding the table. If set to <code>0</code>, the <a href=\"#frame\"><code>frame</code></a> attribute is set to void. Use the <a href=\"$MDN_URL$/Web/CSS/border\"><code>border</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"cellpadding": {
|
||||
"url": "$MDN_URL$/web/html/element/table#cellpadding",
|
||||
@@ -8186,7 +8241,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute defines the space between the content of a cell and its border, displayed or not. If the cellpadding's length is defined in pixels, this pixel-sized space will be applied to all four sides of the cell's content. If the length is defined using a percentage value, the content will be centered and the total vertical space (top and bottom) will represent this value. The same is true for the total horizontal space (left and right).\n<p>To achieve a similar effect, apply the <a href=\"$MDN_URL$/Web/CSS/border-collapse\"><code>border-collapse</code></a> property to the <code><table></code> element, with its value set to collapse, and the <a href=\"$MDN_URL$/Web/CSS/padding\"><code>padding</code></a> property to the <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> elements."
|
||||
"doc": "Defines the space between the content of a cell and its border, displayed or not. If the cellpadding's length is defined in pixels, this pixel-sized space will be applied to all four sides of the cell's content. If the length is defined using a percentage value, the content will be centered and the total vertical space (top and bottom) will represent this value. The same is true for the total horizontal space (left and right). Apply the <a href=\"$MDN_URL$/Web/CSS/border-collapse\"><code>border-collapse</code></a> CSS property to the <code><table></code> element, with its value set to <code>collapse</code>, and the <a href=\"$MDN_URL$/Web/CSS/padding\"><code>padding</code></a> CSS property to the <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> elements instead, as this attribute is deprecated."
|
||||
},
|
||||
"cellspacing": {
|
||||
"url": "$MDN_URL$/web/html/element/table#cellspacing",
|
||||
@@ -8203,7 +8258,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute defines the size of the space between two cells in a percentage value or pixels. The attribute is applied both horizontally and vertically, to the space between the top of the table and the cells of the first row, the left of the table and the first column, the right of the table and the last column and the bottom of the table and the last row.\n<p>To achieve a similar effect, apply the <a href=\"$MDN_URL$/Web/CSS/border-spacing\"><code>border-spacing</code></a> property to the <code><table></code> element. <code>border-spacing</code> does not have any effect if <a href=\"$MDN_URL$/Web/CSS/border-collapse\"><code>border-collapse</code></a> is set to collapse."
|
||||
"doc": "Defines the size of the space between two cells in a percentage value or pixels. The attribute is applied both horizontally and vertically, to the space between the top of the table and the cells of the first row, the left of the table and the first column, the right of the table and the last column and the bottom of the table and the last row. Apply the <a href=\"$MDN_URL$/Web/CSS/border-spacing\"><code>border-spacing</code></a> CSS property to the <code><table></code> element instead, as this attribute is deprecated. <code>border-spacing</code> does not have any effect if the <a href=\"$MDN_URL$/Web/CSS/border-collapse\"><code>border-collapse</code></a> CSS property is set to <code>collapse</code>."
|
||||
},
|
||||
"frame": {
|
||||
"url": "$MDN_URL$/web/html/element/table#frame",
|
||||
@@ -8220,7 +8275,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This enumerated attribute defines which side of the frame surrounding the table must be displayed.\n<p>To achieve a similar effect, use the <a href=\"$MDN_URL$/Web/CSS/border-style\"><code>border-style</code></a> and <a href=\"$MDN_URL$/Web/CSS/border-width\"><code>border-width</code></a> properties."
|
||||
"doc": "Defines which side of the frame surrounding the table must be displayed. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>void</code>, <code>above</code>, <code>below</code>, <code>hsides</code>, <code>vsides</code>, <code>lhs</code>, <code>rhs</code>, <code>box</code> and <code>border</code>. Use the <a href=\"$MDN_URL$/Web/CSS/border-style\"><code>border-style</code></a> and <a href=\"$MDN_URL$/Web/CSS/border-width\"><code>border-width</code></a> CSS properties instead, as this attribute is deprecated."
|
||||
},
|
||||
"rules": {
|
||||
"url": "$MDN_URL$/web/html/element/table#rules",
|
||||
@@ -8237,7 +8292,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This enumerated attribute defines where rules, i.e. lines, should appear in a table. It can have the following values:\n<ul>\n<li><code>none</code>, which indicates that no rules will be displayed; it is the default value;</li>\n<li><code>groups</code>, which will cause the rules to be displayed between row groups (defined by the <a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a> elements) and between column groups (defined by the <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> elements) only;</li>\n<li><code>rows</code>, which will cause the rules to be displayed between rows;</li>\n<li><code>cols</code>, which will cause the rules to be displayed between columns;</li>\n<li><code>all</code>, which will cause the rules to be displayed between rows and columns.</li>\n</ul>\n<p>To achieve a similar effect, apply the <a href=\"$MDN_URL$/Web/CSS/border\"><code>border</code></a> property to the appropriate <a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a>, or <a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a> elements."
|
||||
"doc": "Defines where rules (borders) are displayed in the table. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>none</code> (default value), <code>groups</code> (<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>, and <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a> elements), <code>rows</code> (horizontal lines), <code>cols</code> (vertical lines), and <code>all</code> (border around every cell). Use the <a href=\"$MDN_URL$/Web/CSS/border\"><code>border</code></a> CSS property on the appropriate table-related elements, as well as on the <code><table></code> itself, instead, as this attribute is deprecated."
|
||||
},
|
||||
"summary": {
|
||||
"url": "$MDN_URL$/web/html/element/table#summary",
|
||||
@@ -8254,7 +8309,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute defines an alternative text that summarizes the content of the table. Use the <a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a> element instead."
|
||||
"doc": "Defines an alternative text that summarizes the content of the table. Use the <a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a> element instead, as this attribute is deprecated."
|
||||
},
|
||||
"width": {
|
||||
"url": "$MDN_URL$/web/html/element/table#width",
|
||||
@@ -8271,7 +8326,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute defines the width of the table. Use the CSS <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> property instead."
|
||||
"doc": "Specifies the width of the table. Use the <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> CSS property instead, as this attribute is deprecated.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> While no HTML specification includes <code>height</code> as a <code><table></code> attribute, some browsers support a non-standard interpretation of <code>height</code>. The unitless value sets a minimum absolute height in pixels. If set as a percent value, the minimum table height will be relative to the parent container's height. Use the <a href=\"$MDN_URL$/Web/CSS/min-height\"><code>min-height</code></a> CSS property instead, as this attribute is deprecated.\n</div>"
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -8289,12 +8344,12 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><tbody></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element encapsulates a set of table rows (<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a> elements), indicating that they comprise the body of the table (<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>).\n<p>The <code><tbody></code> element, along with its related <a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a> elements, provide useful semantic information that can be used when rendering for either screen or printer.",
|
||||
"doc": "The <strong><code><tbody></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element encapsulates a set of table rows (<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a> elements), indicating that they comprise the body of a table's (main) data.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "Zero or more\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelements.\n",
|
||||
"Tag omission": "A\n<code><tbody></code>\nelement's start tag can be omitted if the first thing inside the\n<code><tbody></code>\nelement is a\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelement, and if the element is not immediately preceded by a\n<code><tbody></code>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n, or\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nelement whose end tag has been omitted. (It can't be omitted if the element is empty.)\nA\n<code><tbody></code>\nelement's end tag can be omitted if the\n<code><tbody></code>\nelement is immediately followed by a\n<code><tbody></code>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nelement, or if there is no more content in the parent element.\n",
|
||||
"Permitted parents": "Within the required parent\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement,\nthe\n<code><tbody></code>\nelement can be added after a\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\n, and a\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\nelement.\n",
|
||||
"Tag omission": "A\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\" aria-current=\"page\"><code><tbody></code></a>\nelement's start tag can be omitted if the first thing inside the\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\" aria-current=\"page\"><code><tbody></code></a>\nelement is a\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelement, and if the element is not immediately preceded by a\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\" aria-current=\"page\"><code><tbody></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n, or\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nelement whose end tag has been omitted. (It can't be omitted if the element is empty.)\nA\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\" aria-current=\"page\"><code><tbody></code></a>\nelement's end tag can be omitted if the\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\" aria-current=\"page\"><code><tbody></code></a>\nelement is immediately followed by a\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\" aria-current=\"page\"><code><tbody></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nelement, or if there is no more content in the parent element.\n",
|
||||
"Permitted parents": "Within the required parent\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement,\nthe\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\" aria-current=\"page\"><code><tbody></code></a>\nelement can be added after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\n,\nand\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\nelements.\n",
|
||||
"Implicit ARIA role": "<code><a href=\"$MDN_URL$/Web/Accessibility/ARIA/Roles/rowgroup_role\">rowgroup</a></code>\n",
|
||||
"Permitted ARIA roles": "Any\n",
|
||||
"DOM interface": "<a href=\"$MDN_URL$/Web/API/HTMLTableSectionElement\"><code>HTMLTableSectionElement</code></a>\n"
|
||||
@@ -8315,7 +8370,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:\n<ul>\n<li><code>left</code>, aligning the content to the left of the cell</li>\n<li><code>center</code>, centering the content in the cell</li>\n<li><code>right</code>, aligning the content to the right of the cell</li>\n<li><code>justify</code>, inserting spaces into the textual content so that the content is justified in the cell</li>\n<li><code>char</code>, aligning the textual content on a special character with a minimal offset, defined by the <a href=\"#char\"><code>char</code></a> and <a href=\"#charoff\"><code>charoff</code></a> attributes.</li>\n</ul>\n<p>If this attribute is not set, the <code>left</code> value is assumed.\n<p>As this attribute is deprecated, use the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property instead.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> The equivalent <code>text-align</code> property for the <code>align=\"char\"</code> is not implemented in any browsers yet. See the <a href=\"$MDN_URL$/Web/CSS/text-align#browser_compatibility\"><code>text-align</code>'s browser compatibility section</a> for the <code><string></code> value.\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of each body cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and on offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/tbody#bgcolor",
|
||||
@@ -8332,7 +8387,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The background color of the table. It is a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>'. One of the predefined <a href=\"$MDN_URL$/Web/CSS/named-color\">color keywords</a> can also be used.\n<p>As this attribute is deprecated, use the CSS <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> property instead."
|
||||
"doc": "Defines the background color of each body cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/tbody#char",
|
||||
@@ -8348,7 +8403,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
"doc": "Specifies the alignment of the content to a character of each body cell. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/tbody#charoff",
|
||||
@@ -8365,7 +8420,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the <code>char</code> attribute."
|
||||
"doc": "Specifies the number of characters to offset the body cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/tbody#valign",
|
||||
@@ -8382,7 +8437,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:\n<ul>\n<li><code>baseline</code>, which will put the text as close to the bottom of the cell as it is possible, but align it on the <a href=\"https://en.wikipedia.org/wiki/Baseline_%28typography%29\" class=\"external\" target=\"_blank\">baseline</a> of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as <code>bottom</code>.</li>\n<li><code>bottom</code>, which will put the text as close to the bottom of the cell as it is possible;</li>\n<li><code>middle</code>, which will center the text in the cell;</li>\n<li>and <code>top</code>, which will put the text as close to the top of the cell as it is possible.</li>\n</ul>\n<p>As this attribute is deprecated, use the CSS <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property instead."
|
||||
"doc": "Specifies the vertical alignment of each body cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -8400,7 +8455,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><td></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a cell of a table that contains data. It participates in the <em>table model</em>.",
|
||||
"doc": "The <strong><code><td></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a cell of a table that contains data and may be used as a child of the <a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a> element.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "Sectioning root.\n",
|
||||
"Permitted content": "<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">Flow content</a>\n.\n",
|
||||
@@ -8426,7 +8481,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a short abbreviated description of the cell's content. Some user-agents, such as speech readers, may present this description before the content itself.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard. Alternatively, you can put the abbreviated description inside the cell and place the long content in the <strong>title</strong> attribute.\n</div>"
|
||||
"doc": "Contains a short abbreviated description of the data cell's content. Some user-agents, such as speech readers, may present this description before the content itself. Put the abbreviated content inside the cell and place the (longer) description in the <a href=\"$MDN_URL$/Web/HTML/Global_attributes/title\"><code>title</code></a> attribute, as this attribute is deprecated. Or, preferably, include the content within the data cell, and use CSS to <a href=\"$MDN_URL$/Web/CSS/text-overflow\">visually clip overflowing text</a>."
|
||||
},
|
||||
"align": {
|
||||
"url": "$MDN_URL$/web/html/element/td#align",
|
||||
@@ -8443,7 +8498,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute specifies how the cell content's horizontal alignment will be handled. Possible values are:\n<ul>\n<li><code>left</code>: The content is aligned to the left of the cell.</li>\n<li><code>center</code>: The content is centered in the cell.</li>\n<li><code>right</code>: The content is aligned to the right of the cell.</li>\n<li><code>justify</code> (with text only): The content is stretched out inside the cell so that it covers its entire width.</li>\n<li><code>char</code> (with text only): The content is aligned to a character inside the <code><th></code> element with minimal offset. This character is defined by the <a href=\"#char\"><code>char</code></a> and <a href=\"#charoff\"><code>charoff</code></a> attributes.</li>\n</ul>\n<p>The default value when this attribute is not specified is <code>left</code>.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong>\n<ul>\n<li>To achieve the same effect as the <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code> values, apply the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property to the element.</li>\n<li>To achieve the same effect as the <code>char</code> value, give the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property the same value you would use for the <a href=\"#char\"><code>char</code></a>.</li>\n</ul>\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of the data cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and the offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"axis": {
|
||||
"url": "$MDN_URL$/web/html/element/td#axis",
|
||||
@@ -8460,7 +8515,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a list of space-separated strings. Each string is the <code>id</code> of a group of cells that this header applies to."
|
||||
"doc": "Contains a list of space-separated strings, each corresponding to the <code>id</code> attribute of a group of cells that the data cell applies to."
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/td#bgcolor",
|
||||
@@ -8477,7 +8532,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute defines the background color of each cell in a column. It is a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>'. One of the predefined <a href=\"$MDN_URL$/Web/CSS/named-color\">color keywords</a> can also be used.\n<p>To achieve a similar effect, use the CSS <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> property."
|
||||
"doc": "Defines the background color of the data cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/td#char",
|
||||
@@ -8493,7 +8548,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "The content in the cell element is aligned to a character. Typical values include a period (.) to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
"doc": "Specifies the alignment of the content to a character of the data cell. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/td#charoff",
|
||||
@@ -8510,7 +8565,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute is used to shift column data to the right of the character specified by the <strong>char</strong> attribute. Its value specifies the length of this shift."
|
||||
"doc": "Specifies the number of characters to offset the data cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"colspan": {
|
||||
"url": "$MDN_URL$/web/html/element/td#colspan",
|
||||
@@ -8526,7 +8581,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is <code>1</code>. Values higher than 1000 will be considered as incorrect and will be set to the default value (1)."
|
||||
"doc": "Contains a non-negative integer value that indicates how many columns the data cell spans or extends. The default value is <code>1</code>. User agents dismiss values higher than 1000 as incorrect, setting to the default value (<code>1</code>)."
|
||||
},
|
||||
"headers": {
|
||||
"url": "$MDN_URL$/web/html/element/td#headers",
|
||||
@@ -8542,11 +8597,11 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a list of space-separated strings, each corresponding to the <strong>id</strong> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements that apply to this element."
|
||||
"doc": "Contains a list of space-separated strings, each corresponding to the <code>id</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements that provide headings for this table cell."
|
||||
},
|
||||
"height": {
|
||||
"url": "$MDN_URL$/web/html/element/td#height",
|
||||
"doc": "This attribute is used to define a recommended cell height. Use the CSS <a href=\"$MDN_URL$/Web/CSS/height\"><code>height</code></a> property instead."
|
||||
"doc": "Defines a recommended data cell height. Use the <a href=\"$MDN_URL$/Web/CSS/height\"><code>height</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"rowspan": {
|
||||
"url": "$MDN_URL$/web/html/element/td#rowspan",
|
||||
@@ -8562,7 +8617,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is <code>1</code>; if its value is set to <code>0</code>, it extends until the end of the table section (<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534."
|
||||
"doc": "Contains a non-negative integer value that indicates for how many rows the data cell spans or extends. The default value is <code>1</code>; if its value is set to <code>0</code>, it extends until the end of the table grouping section (<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>, even if implicitly defined), that the cell belongs to. Values higher than <code>65534</code> are clipped to <code>65534</code>."
|
||||
},
|
||||
"scope": {
|
||||
"url": "$MDN_URL$/web/html/element/td#scope",
|
||||
@@ -8579,7 +8634,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This enumerated attribute defines the cells that the header (defined in the <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a>) element relates to. Only use this attribute with the <code><th></code> element to define the row or column for which it is a header."
|
||||
"doc": "Defines the cells that the header (defined in the <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a>) element relates to. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>row</code>, <code>col</code>, <code>rowgroup</code>, and <code>colgroup</code>. Only use this attribute with the <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> element to define the row or column for which it is a header, as this attribute is deprecated for the <code><td></code> element."
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/td#valign",
|
||||
@@ -8596,7 +8651,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies how a text is vertically aligned inside a cell. Possible values for this attribute are:\n<ul>\n<li><code>baseline</code>: Positions the text near the bottom of the cell and aligns it with the <a href=\"https://en.wikipedia.org/wiki/Baseline_%28typography%29\" class=\"external\" target=\"_blank\">baseline</a> of the characters instead of the bottom. If characters don't descend below the baseline, the baseline value achieves the same effect as <code>bottom</code>.</li>\n<li><code>bottom</code>: Positions the text near the bottom of the cell.</li>\n<li><code>middle</code>: Centers the text in the cell.</li>\n<li>and <code>top</code>: Positions the text near the top of the cell.</li>\n</ul>\n<p>To achieve a similar effect, use the CSS <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property."
|
||||
"doc": "Specifies the vertical alignment of the data cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"width": {
|
||||
"url": "$MDN_URL$/web/html/element/td#width",
|
||||
@@ -8613,7 +8668,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute is used to define a recommended cell width. Use the CSS <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> property instead."
|
||||
"doc": "Defines a recommended data cell width. Use the <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -8631,7 +8686,7 @@
|
||||
"Safari": "8",
|
||||
"SafariIOS": "8"
|
||||
},
|
||||
"doc": "The <strong><code><template></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element is a mechanism for holding <a href=\"$MDN_URL$/Glossary/HTML\">HTML</a> that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime using JavaScript.\n<p>Think of a template as a content fragment that is being stored for subsequent use in the document. While the parser does process the contents of the <strong><code><template></code></strong> element while loading the page, it does so only to ensure that those contents are valid; the element's contents are not rendered, however.",
|
||||
"doc": "The <strong><code><template></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element serves as a mechanism for holding <a href=\"$MDN_URL$/Glossary/HTML\">HTML</a> fragments, which can either be used later via JavaScript or generated immediately into shadow DOM.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "<a href=\"$MDN_URL$/Web/HTML/Content_categories#metadata_content\">Metadata content</a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">flow content</a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Content_categories#phrasing_content\">phrasing content</a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Content_categories#script-supporting_elements\">script-supporting element</a>\n",
|
||||
"Permitted content": "No restrictions\n",
|
||||
@@ -8655,7 +8710,8 @@
|
||||
"Opera": "97",
|
||||
"Safari": "16.4",
|
||||
"SafariIOS": "16.4"
|
||||
}
|
||||
},
|
||||
"doc": "Creates a <a href=\"$MDN_URL$/Glossary/Shadow_tree\">shadow root</a> for the parent element. It is a declarative version of the <a href=\"$MDN_URL$/Web/API/Element/attachShadow\"><code>Element.attachShadow()</code></a> method and accepts the same <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values.\n<dl>\n<dt id=\"open\"><a href=\"#open\"><code>open</code></a></dt>\n<dd>\n<p>Exposes the internal shadow root DOM for JavaScript (recommended for most use cases).\n</dd>\n<dt id=\"closed\"><a href=\"#closed\"><code>closed</code></a></dt>\n<dd>\n<p>Hides the internal shadow root DOM from JavaScript.\n</dd>\n</dl>\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> This is a feature of the HTML parser that cannot be used post-parsing by setting the <code>shadowrootmode</code> attribute through JavaScript. Only allowed values will create the shadow root; any other values, including empty ones, won't trigger this behavior.\n</div>\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> You may find the non-standard <code>shadowroot</code> attribute in older tutorials and examples that used to be supported in Chrome 90-110. This attribute has since been removed and replaced by the standard <code>shadowrootmode</code> attribute.\n</div>"
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -8936,12 +8992,12 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><tfoot></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a set of rows summarizing the columns of the table.",
|
||||
"doc": "The <strong><code><tfoot></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element encapsulates a set of table rows (<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a> elements), indicating that they comprise the foot of a table with information about the table's columns. This is usually a summary of the columns, e.g., a sum of the given numbers in a column.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "Zero or more\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelements.\n",
|
||||
"Tag omission": "The start tag is mandatory. The end tag may be omitted if there is no\nmore content in the parent\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement.\n",
|
||||
"Permitted parents": "A\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement. The\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\" aria-current=\"page\"><code><tfoot></code></a>\nmust appear after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\n, or\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelement. Note that this is the requirement in HTML.\n<br>\nOriginally, in HTML4, the opposite was true: the\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\" aria-current=\"page\"><code><tfoot></code></a>\nelement could not be placed after any\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelement.\n",
|
||||
"Permitted parents": "A\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement. The\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\" aria-current=\"page\"><code><tfoot></code></a>\nmust appear after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\n, and\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelements. Note that this is the requirement in HTML.\n<br>\nOriginally, in HTML4, the opposite was true: the\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\" aria-current=\"page\"><code><tfoot></code></a>\nelement could not be placed after any\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nand\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelements.\n",
|
||||
"Implicit ARIA role": "<code><a href=\"$MDN_URL$/Web/Accessibility/ARIA/Roles/rowgroup_role\">rowgroup</a></code>\n",
|
||||
"Permitted ARIA roles": "Any\n",
|
||||
"DOM interface": "<a href=\"$MDN_URL$/Web/API/HTMLTableSectionElement\"><code>HTMLTableSectionElement</code></a>\n"
|
||||
@@ -8962,7 +9018,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:\n<ul>\n<li><code>left</code>, aligning the content to the left of the cell</li>\n<li><code>center</code>, centering the content in the cell</li>\n<li><code>right</code>, aligning the content to the right of the cell</li>\n<li><code>justify</code>, inserting spaces into the textual content so that the content is justified in the cell</li>\n<li><code>char</code>, aligning the textual content on a special character with a minimal offset, defined by the <a href=\"#char\"><code>char</code></a> and <a href=\"#charoff\"><code>charoff</code></a> attributes.</li>\n</ul>\n<p>If this attribute is not set, the <code>left</code> value is assumed.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong>\n<ul>\n<li>To achieve the same effect as the <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code> values, use the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property on it.</li>\n<li>To achieve the same effect as the <code>char</code> value, in CSS, you can use the value of the <a href=\"#char\"><code>char</code></a> as the value of the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property.</li>\n</ul>\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of each foot cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and on offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/tfoot#bgcolor",
|
||||
@@ -8979,7 +9035,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The background color of the table. It is a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>'. One of the predefined <a href=\"$MDN_URL$/Web/CSS/named-color\">color keywords</a> can also be used.\n<p>To achieve a similar effect, use the CSS <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> property."
|
||||
"doc": "Defines the background color of each foot cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/tfoot#char",
|
||||
@@ -8995,7 +9051,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute specifies the alignment of the content in a column to a character. Typical values for this include a period (.) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
"doc": "Specifies the alignment of the content to a character of each foot cell. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/tfoot#charoff",
|
||||
@@ -9012,7 +9068,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the <code>char</code> attribute."
|
||||
"doc": "Specifies the number of characters to offset the foot cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/tfoot#valign",
|
||||
@@ -9029,7 +9085,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies the vertical alignment of the text within each row of cells of the table footer. Possible values for this attribute are:\n<ul>\n<li><code>baseline</code>, which will put the text as close to the bottom of the cell as it is possible, but align it on the <a href=\"https://en.wikipedia.org/wiki/Baseline_%28typography%29\" class=\"external\" target=\"_blank\">baseline</a> of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as <code>bottom</code>.</li>\n<li><code>bottom</code>, which will put the text as close to the bottom of the cell as it is possible;</li>\n<li><code>middle</code>, which will center the text in the cell;</li>\n<li>and <code>top</code>, which will put the text as close to the top of the cell as it is possible.</li>\n</ul>\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property on it.\n</div>"
|
||||
"doc": "Specifies the vertical alignment of each foot cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -9047,7 +9103,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><th></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a cell as the header of a group of table cells. The exact nature of this group is defined by the <a href=\"#scope\"><code>scope</code></a> and <a href=\"#headers\"><code>headers</code></a> attributes.",
|
||||
"doc": "The <strong><code><th></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a cell as the header of a group of table cells and may be used as a child of the <a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a> element. The exact nature of this group is defined by the <a href=\"#scope\"><code>scope</code></a> and <a href=\"#headers\"><code>headers</code></a> attributes.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "<a href=\"$MDN_URL$/Web/HTML/Content_categories#flow_content\">Flow content</a>\n, but with no header, footer, sectioning content, or heading content\ndescendants.\n",
|
||||
@@ -9072,7 +9128,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a short abbreviated description of the cell's content. Some user-agents, such as speech readers, may present this description before the content itself."
|
||||
"doc": "A short, abbreviated description of the header cell's content provided as an alternative label to use for the header cell when referencing the cell in other contexts. Some user-agents, such as speech readers, may present this description before the content itself."
|
||||
},
|
||||
"align": {
|
||||
"url": "$MDN_URL$/web/html/element/th#align",
|
||||
@@ -9089,7 +9145,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This enumerated attribute specifies how the cell content's horizontal alignment will be handled. Possible values are:\n<ul>\n<li><code>left</code>: The content is aligned to the left of the cell.</li>\n<li><code>center</code>: The content is centered in the cell.</li>\n<li><code>right</code>: The content is aligned to the right of the cell.</li>\n<li><code>justify</code> (with text only): The content is stretched out inside the cell so that it covers its entire width.</li>\n<li><code>char</code> (with text only): The content is aligned to a character inside the <code><th></code> element with minimal offset. This character is defined by the <a href=\"#char\"><code>char</code></a> and <a href=\"#charoff\"><code>charoff</code></a> attributes.</li>\n</ul>\n<p>The default value when this attribute is not specified is <code>left</code>.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard.\n<ul>\n<li>To achieve the same effect as the <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code> values, apply the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property to the element.</li>\n<li>To achieve the same effect as the <code>char</code> value, give the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property the same value you would use for the <a href=\"#char\"><code>char</code></a>.</li>\n</ul>\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of the header cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and the offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"axis": {
|
||||
"url": "$MDN_URL$/web/html/element/th#axis",
|
||||
@@ -9106,7 +9162,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a list of space-separated strings. Each string is the <code>id</code> of a group of cells that this header applies to.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard: use the <a href=\"#scope\"><code>scope</code></a> attribute instead.\n</div>"
|
||||
"doc": "Contains a list of space-separated strings, each corresponding to the <code>id</code> attribute of a group of cells that the header cell applies to. Use the <a href=\"#scope\"><code>scope</code></a> attribute instead, as this attribute is deprecated."
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/th#bgcolor",
|
||||
@@ -9123,7 +9179,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute defines the background color of each cell in a column. It consists of a 6-digit hexadecimal code as defined in <a href=\"https://www.w3.org/Graphics/Color/sRGB\" class=\"external\" target=\"_blank\">sRGB</a> and is prefixed by '#'."
|
||||
"doc": "Defines the background color of the header cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/th#char",
|
||||
@@ -9139,7 +9195,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "The content in the cell element is aligned to a character. Typical values include a period (.) to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored.\n<div class=\"notecard note\" id=\"sect3\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard. To achieve the same effect, you can specify the character as the first value of the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property.\n</div>"
|
||||
"doc": "Specifies the alignment of the content to a character of the header cell. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/th#charoff",
|
||||
@@ -9156,7 +9212,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute is used to shift column data to the right of the character specified by the <strong>char</strong> attribute. Its value specifies the length of this shift.\n<div class=\"notecard note\" id=\"sect4\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard.\n</div>"
|
||||
"doc": "Specifies the number of characters to offset the header cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"colspan": {
|
||||
"url": "$MDN_URL$/web/html/element/th#colspan",
|
||||
@@ -9172,7 +9228,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is <code>1</code>. Values higher than 1000 will be considered as incorrect and will be set to the default value (1)."
|
||||
"doc": "A non-negative integer value indicating how many columns the header cell spans or extends. The default value is <code>1</code>. User agents dismiss values higher than 1000 as incorrect, defaulting such values to <code>1</code>."
|
||||
},
|
||||
"headers": {
|
||||
"url": "$MDN_URL$/web/html/element/th#headers",
|
||||
@@ -9188,11 +9244,11 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a list of space-separated strings, each corresponding to the <strong>id</strong> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/th\" aria-current=\"page\"><code><th></code></a> elements that apply to this element."
|
||||
"doc": "A list of space-separated strings corresponding to the <code>id</code> attributes of the <code><th></code> elements that provide the headers for this header cell."
|
||||
},
|
||||
"height": {
|
||||
"url": "$MDN_URL$/web/html/element/th#height",
|
||||
"doc": "This attribute is used to define a recommended cell height.\n<div class=\"notecard note\" id=\"sect5\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard: use the CSS <a href=\"$MDN_URL$/Web/CSS/height\"><code>height</code></a> property instead.\n</div>"
|
||||
"doc": "Defines a recommended header cell height. Use the <a href=\"$MDN_URL$/Web/CSS/height\"><code>height</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"rowspan": {
|
||||
"url": "$MDN_URL$/web/html/element/th#rowspan",
|
||||
@@ -9208,7 +9264,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is <code>1</code>; if its value is set to <code>0</code>, it extends until the end of the table section (<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534."
|
||||
"doc": "A non-negative integer value indicating how many rows the header cell spans or extends. The default value is <code>1</code>; if its value is set to <code>0</code>, the header cell will extends to the end of the table grouping section (<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>, even if implicitly defined), that the <code><th></code> belongs to. Values higher than <code>65534</code> are clipped at <code>65534</code>."
|
||||
},
|
||||
"scope": {
|
||||
"url": "$MDN_URL$/web/html/element/th#scope",
|
||||
@@ -9224,7 +9280,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute defines the cells that the header (defined in the <a href=\"$MDN_URL$/Web/HTML/Element/th\" aria-current=\"page\"><code><th></code></a>) element relates to. It may have the following values:\n<ul>\n<li><code>row</code>: The header relates to all cells of the row it belongs to.</li>\n<li><code>col</code>: The header relates to all cells of the column it belongs to.</li>\n<li><code>rowgroup</code>: The header belongs to a rowgroup and relates to all of its cells.</li>\n<li><code>colgroup</code>: The header belongs to a colgroup and relates to all of its cells.</li>\n</ul>\n<p>If the <code>scope</code> attribute is not specified, or its value is not <code>row</code>, <code>col</code>, or <code>rowgroup</code>, or <code>colgroup</code>, then browsers automatically select the set of cells to which the header cell applies."
|
||||
"doc": "Defines the cells that the header (defined in the <code><th></code>) element relates to. Possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are:\n<ul>\n<li><code>row</code>: the header relates to all cells of the row it belongs to;</li>\n<li><code>col</code>: the header relates to all cells of the column it belongs to;</li>\n<li><code>rowgroup</code>: the header belongs to a rowgroup and relates to all of its cells;</li>\n<li><code>colgroup</code>: the header belongs to a colgroup and relates to all of its cells.</li>\n</ul>\n<p>If the <code>scope</code> attribute is not specified, or its value is not <code>row</code>, <code>col</code>, <code>rowgroup</code>, or <code>colgroup</code>, then browsers automatically select the set of cells to which the header cell applies."
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/th#valign",
|
||||
@@ -9241,7 +9297,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies how a text is vertically aligned inside a cell. Possible values for this attribute are:\n<ul>\n<li><code>baseline</code>: Positions the text near the bottom of the cell and aligns it with the <a href=\"https://en.wikipedia.org/wiki/Baseline_%28typography%29\" class=\"external\" target=\"_blank\">baseline</a> of the characters instead of the bottom. If characters don't descend below the baseline, the baseline value achieves the same effect as <code>bottom</code>.</li>\n<li><code>bottom</code>: Positions the text near the bottom of the cell.</li>\n<li><code>middle</code>: Centers the text in the cell.</li>\n<li>and <code>top</code>: Positions the text near the top of the cell.</li>\n</ul>\n<div class=\"notecard note\" id=\"sect6\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard: use the CSS <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property instead.\n</div>"
|
||||
"doc": "Specifies the vertical alignment of the header cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"width": {
|
||||
"url": "$MDN_URL$/web/html/element/th#width",
|
||||
@@ -9258,7 +9314,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute is used to define a recommended cell width. Additional space can be added with the <a href=\"$MDN_URL$/Web/API/HTMLTableElement/cellSpacing\" ><code>cellspacing</code></a> and <a href=\"$MDN_URL$/Web/API/HTMLTableElement/cellPadding\" ><code>cellpadding</code></a> properties and the width of the <a href=\"$MDN_URL$/Web/HTML/Element/col\"><code><col></code></a> element can also create extra width. But, if a column's width is too narrow to show a particular cell properly, it will be widened when displayed.\n<div class=\"notecard note\" id=\"sect7\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete in the latest standard: use the CSS <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> property instead.\n</div>"
|
||||
"doc": "Defines a recommended header cell width. Use the <a href=\"$MDN_URL$/Web/CSS/width\"><code>width</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -9276,12 +9332,12 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><thead></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a set of rows defining the head of the columns of the table.",
|
||||
"doc": "The <strong><code><thead></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element encapsulates a set of table rows (<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a> elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers (<a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements).",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None.\n",
|
||||
"Permitted content": "Zero or more\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelements.\n",
|
||||
"Tag omission": "The start tag is mandatory. The end tag may be omitted if the\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\" aria-current=\"page\"><code><thead></code></a>\nelement is immediately followed by a\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nelement.\n",
|
||||
"Permitted parents": "A\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement. The\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\" aria-current=\"page\"><code><thead></code></a>\nmust appear after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\nelement, even implicitly defined,\nbut before any\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nand\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelement.\n",
|
||||
"Permitted parents": "A\n<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\nelement. The\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\" aria-current=\"page\"><code><thead></code></a>\nmust appear after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\nand\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\nelements, even implicitly defined,\nbut before any\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\n, and\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>\nelements.\n",
|
||||
"Implicit ARIA role": "<code><a href=\"$MDN_URL$/Web/Accessibility/ARIA/Roles/rowgroup_role\">rowgroup</a></code>\n",
|
||||
"Permitted ARIA roles": "Any\n",
|
||||
"DOM interface": "<a href=\"$MDN_URL$/Web/API/HTMLTableSectionElement\"><code>HTMLTableSectionElement</code></a>\n"
|
||||
@@ -9302,7 +9358,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:\n<ul>\n<li><code>left</code>, aligning the content to the left of the cell</li>\n<li><code>center</code>, centering the content in the cell</li>\n<li><code>right</code>, aligning the content to the right of the cell</li>\n<li><code>justify</code>, inserting spaces into the textual content so that the content is justified in the cell</li>\n<li><code>char</code>, aligning the textual content on a special character with a minimal offset, defined by the <a href=\"#char\"><code>char</code></a> and <a href=\"#charoff\"><code>charoff</code></a> attributes.</li>\n</ul>\n<p>If this attribute is not set, the <code>left</code> value is assumed.\n<div class=\"notecard warning\" id=\"sect1\">\n<p><strong>Warning:</strong> Do not use this attribute as it is obsolete (not supported) in the latest standard.\n<ul>\n<li>To align values, use the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property instead.</li>\n</ul>\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of each head cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and the offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/thead#bgcolor",
|
||||
@@ -9319,7 +9375,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "This attribute defines the background color of each column cell. It accepts a 6-digit hexadecimal color or a named color. Alpha transparency is not supported.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> Do not use this attribute, as it is non-standard. The <code>thead</code> element should be styled using the CSS <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> property, which can be applied to any element, including the <code>thead</code>, <a href=\"$MDN_URL$/Web/HTML/Element/tr\"><code><tr></code></a>, <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> elements.\n</div>"
|
||||
"doc": "Defines the background color of each head cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/thead#char",
|
||||
@@ -9335,7 +9391,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored.\n<div class=\"notecard note\" id=\"sect3\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete (and not supported) in the latest standard.\n</div>"
|
||||
"doc": "Specifies the alignment of the content to a character of each head cell. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/thead#charoff",
|
||||
@@ -9352,7 +9408,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the <strong>char</strong> attribute.\n<div class=\"notecard note\" id=\"sect4\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete (and not supported) in the latest standard.\n</div>"
|
||||
"doc": "Specifies the number of characters to offset the head cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/thead#valign",
|
||||
@@ -9369,7 +9425,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:\n<ul>\n<li><code>baseline</code>, which will put the text as close to the bottom of the cell as it is possible, but align it on the <a href=\"https://en.wikipedia.org/wiki/Baseline_%28typography%29\" class=\"external\" target=\"_blank\">baseline</a> of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as <code>bottom</code>.</li>\n<li><code>bottom</code>, which will put the text as close to the bottom of the cell as it is possible;</li>\n<li><code>middle</code>, which will center the text in the cell;</li>\n<li><code>top</code>, which will put the text as close to the top of the cell as it is possible.</li>\n</ul>\n<div class=\"notecard note\" id=\"sect5\">\n<p><strong>Note:</strong> Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property on it.\n</div>"
|
||||
"doc": "Specifies the vertical alignment of each head cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -9455,12 +9511,12 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code><tr></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a row of cells in a table. The row's cells can then be established using a mix of <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> (data cell) and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> (header cell) elements.\n<p>To provide additional control over how cells fit into (or span across) columns, both <code><th></code> and <code><td></code> support the <a href=\"$MDN_URL$/Web/HTML/Element/td#colspan\"><code>colspan</code></a> attribute, which lets you specify how many columns wide the cell should be, with the default being 1. Similarly, you can use the <a href=\"$MDN_URL$/Web/HTML/Element/td#rowspan\"><code>rowspan</code></a> attribute on cells to indicate they should span more than one table row.\n<p>This can take a little practice to get right when building your tables. We have some <a href=\"#examples\">examples</a> below, but for more examples and an in-depth tutorial, see the <a href=\"$MDN_URL$/Learn/HTML/Tables\">HTML tables</a> series in our <a href=\"$MDN_URL$/Learn\">Learn web development</a> area, where you'll learn how to use the table elements and their attributes to get just the right layout and formatting for your tabular data.",
|
||||
"doc": "The <strong><code><tr></code></strong> <a href=\"$MDN_URL$/Web/HTML\">HTML</a> element defines a row of cells in a table. The row's cells can then be established using a mix of <a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a> (data cell) and <a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a> (header cell) elements.",
|
||||
"details": {
|
||||
"<a href=\"$MDN_URL$/Web/HTML/Content_categories\">Content categories</a>": "None\n",
|
||||
"Permitted content": "Zero or more\n<a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a>\nand/or\n<a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a>\nelements;\n<a href=\"$MDN_URL$/Glossary/Script-supporting_element\">script-supporting elements</a>\n(\n<a href=\"$MDN_URL$/Web/HTML/Element/script\"><code><script></code></a>\nand\n<a href=\"$MDN_URL$/Web/HTML/Element/template\"><code><template></code></a>\n) are also allowed\n",
|
||||
"Tag omission": "Start tag is mandatory. End tag may be omitted if the\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\" aria-current=\"page\"><code><tr></code></a>\nelement is immediately followed by a\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\" aria-current=\"page\"><code><tr></code></a>\nelement, or if the row is the last element\nin its parent table group (\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\n)\nelement\n",
|
||||
"Permitted parents": "<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\n(only if the table has no child\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nelement, and even then only after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\n, and\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\nelements); otherwise, the parent must\nbe\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\n",
|
||||
"Permitted content": "Zero or more\n<a href=\"$MDN_URL$/Web/HTML/Element/td\"><code><td></code></a>\nand/or\n<a href=\"$MDN_URL$/Web/HTML/Element/th\"><code><th></code></a>\nelements;\n<a href=\"$MDN_URL$/Glossary/Script-supporting_element\">script-supporting elements</a>\n(\n<a href=\"$MDN_URL$/Web/HTML/Element/script\"><code><script></code></a>\nand\n<a href=\"$MDN_URL$/Web/HTML/Element/template\"><code><template></code></a>\n) are also allowed.\n",
|
||||
"Tag omission": "Start tag is mandatory. End tag may be omitted if the\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\" aria-current=\"page\"><code><tr></code></a>\nelement is immediately followed by a\n<a href=\"$MDN_URL$/Web/HTML/Element/tr\" aria-current=\"page\"><code><tr></code></a>\nelement, or if the row is the last element\nin its parent table group (\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\n)\nelement.\n",
|
||||
"Permitted parents": "<a href=\"$MDN_URL$/Web/HTML/Element/table\"><code><table></code></a>\n(only if the table has no child\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nelement, and even then only after any\n<a href=\"$MDN_URL$/Web/HTML/Element/caption\"><code><caption></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/colgroup\"><code><colgroup></code></a>\n, and\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\nelements); otherwise, the parent must\nbe a\n<a href=\"$MDN_URL$/Web/HTML/Element/thead\"><code><thead></code></a>\n,\n<a href=\"$MDN_URL$/Web/HTML/Element/tbody\"><code><tbody></code></a>\nor\n<a href=\"$MDN_URL$/Web/HTML/Element/tfoot\"><code><tfoot></code></a>\nelement.\n",
|
||||
"Implicit ARIA role": "<code><a href=\"$MDN_URL$/Web/Accessibility/ARIA/Roles/row_role\">row</a></code>\n",
|
||||
"Permitted ARIA roles": "Any\n",
|
||||
"DOM interface": "<a href=\"$MDN_URL$/Web/API/HTMLTableRowElement\"><code>HTMLTableRowElement</code></a>\n"
|
||||
@@ -9481,7 +9537,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "A string which specifies how the cell's context should be aligned horizontally within the cells in the row; this is shorthand for using <code>align</code> on every cell in the row individually. Possible values are:\n<dl>\n<dt id=\"left\"><a href=\"#left\"><code>left</code></a></dt>\n<dd>\n<p>Align the content of each cell at its left edge.\n</dd>\n<dt id=\"center\"><a href=\"#center\"><code>center</code></a></dt>\n<dd>\n<p>Center the contents of each cell between their left and right edges.\n</dd>\n<dt id=\"right\"><a href=\"#right\"><code>right</code></a></dt>\n<dd>\n<p>Align the content of each cell at its right edge.\n</dd>\n<dt id=\"justify\"><a href=\"#justify\"><code>justify</code></a></dt>\n<dd>\n<p>Widen whitespaces within the text of each cell so that the text fills the full width of each cell (full justification).\n</dd>\n<dt id=\"char\"><a href=\"#char\"><code>char</code></a></dt>\n<dd>\n<p>Align each cell in the row on a specific character (such that each row in the column that is configured this way will horizontally align its cells on that character). This uses the <a href=\"#char\"><code>char</code></a> and <a href=\"#charoff\"><code>charoff</code></a> to establish the alignment character (typically \".\" or \",\" when aligning numerical data) and the number of characters that should follow the alignment character. This alignment type was never widely supported.\n</dd>\n</dl>\n<p>If no value is expressly set for <code>align</code>, the parent node's value is inherited.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> Instead of using the obsolete <code>align</code> attribute, you should instead use the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property to establish <code>left</code>, <code>center</code>, <code>right</code>, or <code>justify</code> alignment for the row's cells. To apply character-based alignment, set the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property to the alignment character (such as <code>\".\"</code> or <code>\",\"</code>).\n</div>"
|
||||
"doc": "Specifies the horizontal alignment of each row cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>left</code>, <code>center</code>, <code>right</code>, <code>justify</code>, and <code>char</code>. When supported, the <code>char</code> value aligns the textual content on the character defined in the <a href=\"#char\"><code>char</code></a> attribute and on offset defined by the <a href=\"#charoff\"><code>charoff</code></a> attribute. Use the <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"bgcolor": {
|
||||
"url": "$MDN_URL$/web/html/element/tr#bgcolor",
|
||||
@@ -9498,7 +9554,7 @@
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "A string specifying a color to apply to the backgrounds of each of the row's cells. This can be either a <a href=\"$MDN_URL$/Web/CSS/color_value/rgb\">hexadecimal <code>#RRGGBB</code> or <code>#RGB</code> value</a> or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Omitting the attribute or setting it to <code>null</code> in JavaScript causes the row's cells to inherit the row's parent element's background color.\n<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> The <a href=\"$MDN_URL$/Web/HTML/Element/tr\" aria-current=\"page\"><code><tr></code></a> element should be styled using <a href=\"$MDN_URL$/Web/CSS\">CSS</a>. To give a similar effect as the <code>bgcolor</code> attribute, use the CSS property <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a>.\n</div>"
|
||||
"doc": "Defines the background color of each row cell. The value is an HTML color; either a <a href=\"$MDN_URL$/Web/CSS/hex-color\">6-digit hexadecimal RGB code</a>, prefixed by a '<code>#</code>', or a <a href=\"$MDN_URL$/Web/CSS/named-color\">color keyword</a>. Other CSS <a href=\"$MDN_URL$/Web/CSS/color_value\"><code><color></code></a> values are not supported. Use the <a href=\"$MDN_URL$/Web/CSS/background-color\"><code>background-color</code></a> CSS property instead, as this attribute is deprecated."
|
||||
},
|
||||
"char": {
|
||||
"url": "$MDN_URL$/web/html/element/tr#char",
|
||||
@@ -9514,7 +9570,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "A string that sets the character to align the cells in each row's columns (each row's centering that uses the same character gets aligned with others using the same character. Typical values for this include a period (<code>\".\"</code>) or comma (<code>\",\"</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored.\n<div class=\"notecard note\" id=\"sect3\">\n<p><strong>Note:</strong> This attribute is obsolete and rarely implemented anyway. To achieve the same effect as the <a href=\"#char\"><code>char</code></a> attribute, set the CSS <a href=\"$MDN_URL$/Web/CSS/text-align\"><code>text-align</code></a> property to the same string you would specify for the <code>char</code> property, such as <code>text-align: \".\"</code>.\n</div>"
|
||||
"doc": "Specifies the alignment of the content to a character of each row cell. Typical values for this include a period (<code>.</code>) when attempting to align numbers or monetary values. If <a href=\"#align\"><code>align</code></a> is not set to <code>char</code>, this attribute is ignored."
|
||||
},
|
||||
"charoff": {
|
||||
"url": "$MDN_URL$/web/html/element/tr#charoff",
|
||||
@@ -9530,7 +9586,7 @@
|
||||
"Safari": "4",
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "A string indicating the number of characters on the tail end of the column's data should be displayed after the alignment character specified by the <code>char</code> attribute. For example, when displaying money values for currencies that use hundredths of a unit (such as the dollar, which is divided into 100 cents), you would typically specify a value of 2, so that in tandem with <code>char</code> being set to <code>\".\"</code>, the values in a column would be cleanly aligned on the decimal points, with the number of cents properly displayed to the right of the decimal point.\n<div class=\"notecard note\" id=\"sect4\">\n<p><strong>Note:</strong> This attribute is obsolete, and was never widely supported anyway.\n</div>"
|
||||
"doc": "Specifies the number of characters to offset the row cell content from the alignment character specified by the <a href=\"#char\"><code>char</code></a> attribute."
|
||||
},
|
||||
"valign": {
|
||||
"url": "$MDN_URL$/web/html/element/tr#valign",
|
||||
@@ -9547,7 +9603,7 @@
|
||||
"Safari": "3",
|
||||
"SafariIOS": "2"
|
||||
},
|
||||
"doc": "A string specifying the vertical alignment of the text within each cell in the row. Possible values for this attribute are:\n<dl>\n<dt id=\"baseline\"><a href=\"#baseline\"><code>baseline</code></a></dt>\n<dd>\n<p>Aligns each cell's content text as closely as possible to the bottom of the cell, handling alignment of different fonts and font sizes by aligning the characters along the <a href=\"https://en.wikipedia.org/wiki/Baseline\" class=\"external\" target=\"_blank\">baseline</a> of the font(s) used in the row. If all the characters in the row are the same size, the effect is the same as <code>bottom</code>.\n</dd>\n<dt id=\"bottom\"><a href=\"#bottom\"><code>bottom</code></a>,</dt>\n<dd>\n<p>Draws the text in each of the row's cells as closely as possible to the bottom edge of those cells.\n</dd>\n<dt id=\"middle\"><a href=\"#middle\"><code>middle</code></a></dt>\n<dd>\n<p>Each cell's text is vertically centered.\n</dd>\n<dt id=\"top\"><a href=\"#top\"><code>top</code></a></dt>\n<dd>\n<p>Each cell's text is drawn as closely as possible to the top edge of the containing cell.\n</dd>\n</dl>\n<div class=\"notecard note\" id=\"sect5\">\n<p><strong>Note:</strong> Don't use the obsolete <code>valign</code> attribute. Instead, add the CSS <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> property to the row.\n</div>"
|
||||
"doc": "Specifies the vertical alignment of each row cell. The possible <a href=\"$MDN_URL$/Glossary/Enumerated\">enumerated</a> values are <code>baseline</code>, <code>bottom</code>, <code>middle</code>, and <code>top</code>. Use the <a href=\"$MDN_URL$/Web/CSS/vertical-align\"><code>vertical-align</code></a> CSS property instead, as this attribute is deprecated."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -9851,6 +9907,15 @@
|
||||
},
|
||||
"controlslist": {
|
||||
"url": "$MDN_URL$/web/html/element/video#controlslist",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "58",
|
||||
"ChromeAndroid": "58",
|
||||
"Edge": "79",
|
||||
"Opera": "45"
|
||||
},
|
||||
"doc": "The <a href=\"https://wicg.github.io/controls-list/explainer.html\" class=\"external\" target=\"_blank\"><code>controlslist</code></a> attribute, when specified, helps the browser select what controls to show for the <code>video</code> element whenever the browser shows its own set of controls (that is, when the <code>controls</code> attribute is specified).\n<p>The allowed values are <code>nodownload</code>, <code>nofullscreen</code> and <code>noremoteplayback</code>.\n<p>Use the <a href=\"#disablepictureinpicture\"><code>disablepictureinpicture</code></a> attribute if you want to disable the Picture-In-Picture mode (and the control)."
|
||||
},
|
||||
"crossorigin": {
|
||||
@@ -9871,6 +9936,17 @@
|
||||
},
|
||||
"disablepictureinpicture": {
|
||||
"url": "$MDN_URL$/web/html/element/video#disablepictureinpicture",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "69",
|
||||
"ChromeAndroid": "105",
|
||||
"Edge": "79",
|
||||
"Opera": "56",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
},
|
||||
"doc": "Prevents the browser from suggesting a Picture-in-Picture context menu or to request Picture-in-Picture automatically in some cases."
|
||||
},
|
||||
"disableremoteplayback": {
|
||||
@@ -9926,6 +10002,17 @@
|
||||
},
|
||||
"playsinline": {
|
||||
"url": "$MDN_URL$/web/html/element/video#playsinline",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "75",
|
||||
"ChromeAndroid": "75",
|
||||
"Edge": "79",
|
||||
"Opera": "62",
|
||||
"Safari": "10",
|
||||
"SafariIOS": "10"
|
||||
},
|
||||
"doc": "A Boolean attribute indicating that the video is to be played \"inline\", that is within the element's playback area. Note that the absence of this attribute <em>does not</em> imply that the video will always be played in fullscreen."
|
||||
},
|
||||
"poster": {
|
||||
|
||||
@@ -3654,9 +3654,7 @@
|
||||
"ChromeAndroid": "65",
|
||||
"Edge": "79",
|
||||
"Firefox": "63",
|
||||
"Opera": "52",
|
||||
"Safari": "11.1",
|
||||
"SafariIOS": "11.3"
|
||||
"Opera": "52"
|
||||
},
|
||||
"doc": "The <code>decoding</code> attribute, valid on <a href=\"$MDN_URL$/Web/SVG/Element/image\"><code><image></code></a> elements, provides a hint to the browser as to whether it should perform image decoding along with rendering other content in a single presentation step that looks more \"correct\" (<code>sync</code>), or render and present the other content first and then decode the image and present it later (<code>async</code>). In practice, <code>async</code> means that the next paint does not wait for the image to decode.\n<p>It is often difficult to perceive any noticeable effect when using <code>decoding</code> on static <code><image></code> elements. They'll likely be initially rendered as empty images while the image files are fetched (either from the network or from the cache) and then handled independently anyway, so the \"syncing\" of content updates is less apparent. However, the blocking of rendering while decoding happens, while often quite small, <em>can</em> be measured — even if it is difficult to observe with the human eye.\n<p>Using different <code>decoding</code> types can result in more noticeable differences when dynamically inserting <code><image></code> elements into the DOM via JavaScript — see <a href=\"$MDN_URL$/Web/API/SVGImageElement/decoding\"><code>SVGImageElement.decoding</code></a> for more details.\n<p>Allowed values:\n<dl>\n<dt id=\"sync\"><a href=\"#sync\"><code>sync</code></a></dt>\n<dd>\n<p>Decode the image synchronously along with rendering the other content, and present everything together.\n</dd>\n<dt id=\"async\"><a href=\"#async\"><code>async</code></a></dt>\n<dd>\n<p>Decode the image asynchronously, after rendering and presenting the other content.\n</dd>\n<dt id=\"auto\"><a href=\"#auto\"><code>auto</code></a></dt>\n<dd>\n<p>No preference for the decoding mode; the browser decides what is best for the user. This is the default value.\n</dd>\n</dl>"
|
||||
},
|
||||
|
||||
@@ -8519,7 +8519,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>CharacterBoundsUpdateEvent</code></strong> interface is a <a href=\"$MDN_URL$/Web/API/Event\" ><code>DOM event</code></a> that represents a request from the operating system to know the bounds of certain characters within an editable region that's attached to an <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> instance.\n<p>This interface inherits properties from <a href=\"$MDN_URL$/Web/API/Event\"><code>Event</code></a>."
|
||||
},
|
||||
@@ -8531,7 +8532,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>CharacterBoundsUpdateEvent()</code></strong> constructor returns a new <a href=\"$MDN_URL$/Web/API/CharacterBoundsUpdateEvent\"><code>CharacterBoundsUpdateEvent</code></a> object.",
|
||||
"parameters": {
|
||||
@@ -8547,7 +8549,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>CharacterBoundsUpdateEvent.rangeEnd</code></strong> read-only property represents the offset of the last character within the editable text region for which the operating system needs the bounds."
|
||||
},
|
||||
@@ -8559,7 +8562,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>CharacterBoundsUpdateEvent.rangeStart</code></strong> read-only property represents the offset of the first character within the editable text region for which the operating system needs the bounds."
|
||||
},
|
||||
@@ -9106,6 +9110,7 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Edge": "79",
|
||||
"Firefox": "preview",
|
||||
"Opera": "63",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
@@ -9125,10 +9130,7 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "66",
|
||||
"ChromeAndroid": "66",
|
||||
"Edge": "79",
|
||||
"Opera": "53",
|
||||
"Firefox": "preview",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
},
|
||||
@@ -9148,6 +9150,7 @@
|
||||
"Chrome": "66",
|
||||
"ChromeAndroid": "66",
|
||||
"Edge": "79",
|
||||
"Firefox": "preview",
|
||||
"Opera": "63",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
@@ -9246,6 +9249,7 @@
|
||||
"Chrome": "76",
|
||||
"ChromeAndroid": "84",
|
||||
"Edge": "79",
|
||||
"Firefox": "preview",
|
||||
"Opera": "63",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
@@ -9261,6 +9265,7 @@
|
||||
"Chrome": "98",
|
||||
"ChromeAndroid": "98",
|
||||
"Edge": "98",
|
||||
"Firefox": "preview",
|
||||
"Opera": "84",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
@@ -9280,6 +9285,7 @@
|
||||
"Chrome": "76",
|
||||
"ChromeAndroid": "84",
|
||||
"Edge": "79",
|
||||
"Firefox": "preview",
|
||||
"Opera": "63",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
@@ -9300,6 +9306,7 @@
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "preview",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
},
|
||||
@@ -9314,6 +9321,7 @@
|
||||
"Chrome": "76",
|
||||
"ChromeAndroid": "84",
|
||||
"Edge": "79",
|
||||
"Firefox": "preview",
|
||||
"Opera": "63",
|
||||
"Safari": "13.1",
|
||||
"SafariIOS": "13.4"
|
||||
@@ -12015,7 +12023,8 @@
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"ChromeAndroid": "121",
|
||||
"Firefox": "114"
|
||||
"Firefox": "114",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "The read-only <strong><code>supportsText</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSImportRule\"><code>CSSImportRule</code></a> interface returns the supports condition specified by the <a href=\"$MDN_URL$/Web/CSS/@import\"><code>@import</code></a> <a href=\"$MDN_URL$/Web/CSS/At-rule\">at-rule</a>."
|
||||
},
|
||||
@@ -13757,6 +13766,7 @@
|
||||
"compatibility": {
|
||||
"Chrome": "118",
|
||||
"ChromeAndroid": "118",
|
||||
"Edge": "118",
|
||||
"Opera": "104"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>CSSScopeRule</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/CSS_Object_Model\">CSS Object Model</a> represents a CSS <a href=\"$MDN_URL$/Web/CSS/@scope\"><code>@scope</code></a> at-rule."
|
||||
@@ -13770,6 +13780,7 @@
|
||||
"compatibility": {
|
||||
"Chrome": "118",
|
||||
"ChromeAndroid": "118",
|
||||
"Edge": "118",
|
||||
"Opera": "104"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>end</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSScopeRule\"><code>CSSScopeRule</code></a> interface returns a string containing the value of the <code>@scope</code> at-rule's scope limit."
|
||||
@@ -13783,6 +13794,7 @@
|
||||
"compatibility": {
|
||||
"Chrome": "118",
|
||||
"ChromeAndroid": "118",
|
||||
"Edge": "118",
|
||||
"Opera": "104"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>start</code></strong> property of the <a href=\"$MDN_URL$/Web/API/CSSScopeRule\"><code>CSSScopeRule</code></a> interface returns a string containing the value of the <code>@scope</code> at-rule's scope root."
|
||||
|
||||
@@ -33,7 +33,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>EditContext</code></strong> interface represents the text edit context of an element that was made editable by using the <a href=\"$MDN_URL$/Web/API/EditContext_API\">EditContext API</a>.\n<p>The <a href=\"$MDN_URL$/Web/API/EditContext_API\">EditContext API</a> can be used to build rich text editors on the web that support advanced text input experiences, such as <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) composition, emoji picker, or any other platform-specific editing-related UI surfaces."
|
||||
},
|
||||
@@ -45,7 +46,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>attachedElements()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface returns an <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Array\"><code>Array</code></a> that contains only one item. This item is the element that's associated with the <code>EditContext</code> object.",
|
||||
"returns": "An <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Array\"><code>Array</code></a> containing one <a href=\"$MDN_URL$/Web/API/HTMLElement\"><code>HTMLElement</code></a> object.\n<p>There can only be one element associated to an <code>EditContext</code> instance, so the returned array will always contain one element. If the API is extended in the future to support multiple associated elements, the return value will be an array containing multiple elements."
|
||||
@@ -58,7 +60,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>characterBounds()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface returns an <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Array\"><code>Array</code></a> containing the list of bounding rectangles for the characters in the <code>EditContext</code> object.\n<p>The position and size of the characters in an <code>EditContext</code> object is used by the operating system to correctly position platform-specific editing-related UI surfaces such as an <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) window when needed. This is especially important in situations where the operating system can't automatically detect the position and size of the characters, such as when rendering text in a <code><canvas></code> element.\n<p>Web developers will most likely be interested in using the <a href=\"$MDN_URL$/Web/API/EditContext/characterboundsupdate_event\" ><code>characterboundsupdate</code></a> event together with the <a href=\"$MDN_URL$/Web/API/EditContext/updateCharacterBounds\"><code>EditContext.updateCharacterBounds()</code></a> method to update the character bounds when the operating system indicates that it requires information about the position and size of the characters.\n<p>The <code>characterBounds()</code> method returns the list of character bounds that were last updated with <code>updateCharacterBounds()</code>. The list doesn't contain an item for every character in the <code>EditContext</code> object, only for the characters that were updated with <code>updateCharacterBounds()</code>. To know where the characters are located in the <code>EditContext</code> object, use the <a href=\"$MDN_URL$/Web/API/EditContext/characterBoundsRangeStart\"><code>EditContext.characterBoundsRangeStart</code></a> property.",
|
||||
"returns": "An <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Array\"><code>Array</code></a> containing <a href=\"$MDN_URL$/Web/API/DOMRect\"><code>DOMRect</code></a> objects."
|
||||
@@ -71,7 +74,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>characterBoundsRangeStart</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface indicates the index of the character, within the editable text content, that corresponds to the first item in the <a href=\"$MDN_URL$/Web/API/EditContext/characterBounds\" ><code>characterBounds</code></a> array.\n<p>For example, if the <code>EditContent</code> contains the characters <code>abc</code>, and if <code>characterBoundRangeStart</code> is <code>1</code>, the first item in the <code>characterBounds</code> array contains the bounds for the character <code>b</code>."
|
||||
},
|
||||
@@ -83,7 +87,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>EditContext()</code></strong> constructor returns a new <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> object.",
|
||||
"parameters": {
|
||||
@@ -98,7 +103,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>selectionEnd</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> refers to the offset, within the editable text content, of the end of the current selection."
|
||||
},
|
||||
@@ -110,7 +116,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>selectionStart</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> refers to the offset, within the editable text content, of the start of the current selection."
|
||||
},
|
||||
@@ -122,7 +129,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>text</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface represents the editable content of the element."
|
||||
},
|
||||
@@ -134,7 +142,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>EditContext.updateCharacterBounds()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface should be called as response to a <a href=\"$MDN_URL$/Web/API/EditContext/characterboundsupdate_event\" ><code>characterboundsupdate</code></a> event to inform the operating system about the position and size of the characters in the <code>EditContext</code> object.\n<p>The <code>characterboundsupdate</code> event is the only time you need to call the <code>updateCharacterBounds()</code> method.\n<p>The character bounds information is then used by the operating system to correctly position the <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) window when needed. This is especially important in situations where the operating system can't automatically detect the position and size of the characters, such as when rendering text in a <code><canvas></code> element.",
|
||||
"parameters": {
|
||||
@@ -150,7 +159,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>EditContext.updateControlBounds()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface is used to inform the operating system about the position and size of the editable text region of the <code>EditContext</code> object.\n<p>Call this method to tell the operating system the bounds of the current editable region. You should call it when initializing the EditContext, and whenever the editable region's bounds change such as when the webpage is resized. These bounds are used to position platform-specific editing-related UI surfaces such as an <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) window.",
|
||||
"parameters": {
|
||||
@@ -165,7 +175,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>updateSelection()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface updates the internal state of the selection within the editable text context. This method is used to update the selection state when the user interacts with the text rendering in the <code>EditContext</code>'s associated element, such as by clicking or dragging the mouse, or by using the keyboard.",
|
||||
"parameters": {
|
||||
@@ -181,7 +192,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>EditContext.updateSelectionBounds()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface is used to inform the operating system about the bounds of the text selection within the editable region that's associated with the <code>EditContext</code> object.\n<p>Call this method to tell the operating system the bounds of the user's current selection. You should call the method whenever the user's selection changes in the editable region. The selection bounds are used by the operating system to help position the IME window or any other platform-specific editing-related UI surfaces.",
|
||||
"parameters": {
|
||||
@@ -196,7 +208,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>updateText()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> interface updates the internal text content of an <code>EditContext</code> object.\n<p>This method doesn't need to be used when the user types text in the associated element. The <code>EditContext</code> object will automatically update its internal text content, and will fire <a href=\"$MDN_URL$/Web/API/EditContext/textupdate_event\" ><code>textupdate</code></a> events as needed.\n<p>This method can, however, be used when the user interacts with the text content in other ways, such as when pasting text from the clipboard.",
|
||||
"parameters": {
|
||||
@@ -945,7 +958,7 @@
|
||||
},
|
||||
"doc": "The <strong><code>Element.attachShadow()</code></strong> method attaches a shadow DOM tree to the specified element and returns a reference to its <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a>.",
|
||||
"parameters": {
|
||||
"options": "An object which contains the following fields: <dl> <dt id=\"mode\"><a href=\"#mode\"><code>mode</code></a></dt> <dd> <p>A string specifying the <em>encapsulation mode</em> for the shadow DOM tree. This can be one of: <dl> <dt id=\"open\"><a href=\"#open\"><code>open</code></a></dt> <dd> <p>Elements of the shadow root are accessible from JavaScript outside the root, for example using <a href=\"$MDN_URL$/Web/API/Element/shadowRoot\"><code>Element.shadowRoot</code></a>: <div class=\"code-example\"><div> ```js element.attachShadow({ mode: \"open\" }); element.shadowRoot; // Returns a ShadowRoot obj ``` </div></div> </dd> <dt id=\"closed\"><a href=\"#closed\"><code>closed</code></a></dt> <dd> <p>Denies access to the node(s) of a closed shadow root from JavaScript outside it: <div class=\"code-example\"><div> ```js element.attachShadow({ mode: \"closed\" }); element.shadowRoot; // Returns null ``` </div></div> </dd> </dl> </dd> <dt id=\"delegatesfocus\"><a href=\"#delegatesfocus\"><code>delegatesFocus</code></a> <span class=\"badge inline optional\">Optional</span></dt> <dd> <p>A boolean that, when set to <code>true</code>, specifies behavior that mitigates custom element issues around focusability. When a non-focusable part of the shadow DOM is clicked, the first focusable part is given focus, and the shadow host is given any available <code>:focus</code> styling. Its default value is <code>false</code>. </dd> <dt id=\"slotassignment\"><a href=\"#slotassignment\"><code>slotAssignment</code></a> <span class=\"badge inline optional\">Optional</span></dt> <dd> <p>A string specifying the <em>slot assignment mode</em> for the shadow DOM tree. This can be one of: <dl> <dt id=\"named\"><a href=\"#named\"><code>named</code></a></dt> <dd> <p>Elements are automatically assigned to <a href=\"$MDN_URL$/Web/HTML/Element/slot\"><code><slot></code></a> elements within this shadow root. Any descendants of the host with a <code>slot</code> attribute which matches the <code>name</code> attribute of a <code><slot></code> within this shadow root will be assigned to that slot. Any top-level children of the host with no <code>slot</code> attribute will be assigned to a <code><slot></code> with no <code>name</code> attribute (the \"default slot\") if one is present. </dd> <dt id=\"manual\"><a href=\"#manual\"><code>manual</code></a></dt> <dd> <p>Elements are not automatically assigned to <a href=\"$MDN_URL$/Web/HTML/Element/slot\"><code><slot></code></a> elements. Instead, they must be manually assigned with <a href=\"$MDN_URL$/Web/API/HTMLSlotElement/assign\"><code>HTMLSlotElement.assign()</code></a>. Its default value is <code>named</code>. </dd> </dl> </dd> </dl>"
|
||||
"options": "An object which contains the following fields: <dl> <dt id=\"mode\"><a href=\"#mode\"><code>mode</code></a></dt> <dd> <p>A string specifying the <em>encapsulation mode</em> for the shadow DOM tree. This can be one of: <dl> <dt id=\"open\"><a href=\"#open\"><code>open</code></a></dt> <dd> <p>Elements of the shadow root are accessible from JavaScript outside the root, for example using <a href=\"$MDN_URL$/Web/API/Element/shadowRoot\"><code>Element.shadowRoot</code></a>: <div class=\"code-example\"><div> ```js element.attachShadow({ mode: \"open\" }); element.shadowRoot; // Returns a ShadowRoot obj ``` </div></div> </dd> <dt id=\"closed\"><a href=\"#closed\"><code>closed</code></a></dt> <dd> <p>Denies access to the node(s) of a closed shadow root from JavaScript outside it: <div class=\"code-example\"><div> ```js element.attachShadow({ mode: \"closed\" }); element.shadowRoot; // Returns null ``` </div></div> </dd> </dl> </dd> <dt id=\"clonable\"><a href=\"#clonable\"><code>clonable</code></a> <span class=\"badge inline optional\">Optional</span></dt> <dd> <p>A boolean that specifies whether the shadow root is clonable: when set to <code>true</code>, the shadow host cloned with <a href=\"$MDN_URL$/Web/API/Node/cloneNode\"><code>Node.cloneNode()</code></a> or <a href=\"$MDN_URL$/Web/API/Document/importNode\"><code>Document.importNode()</code></a> will include shadow root in the copy. Its default value is <code>false</code>, unless the shadow root is created via declarative shadow DOM. </dd> <dt id=\"delegatesfocus\"><a href=\"#delegatesfocus\"><code>delegatesFocus</code></a> <span class=\"badge inline optional\">Optional</span></dt> <dd> <p>A boolean that, when set to <code>true</code>, specifies behavior that mitigates custom element issues around focusability. When a non-focusable part of the shadow DOM is clicked, the first focusable part is given focus, and the shadow host is given any available <code>:focus</code> styling. Its default value is <code>false</code>. </dd> <dt id=\"slotassignment\"><a href=\"#slotassignment\"><code>slotAssignment</code></a> <span class=\"badge inline optional\">Optional</span></dt> <dd> <p>A string specifying the <em>slot assignment mode</em> for the shadow DOM tree. This can be one of: <dl> <dt id=\"named\"><a href=\"#named\"><code>named</code></a></dt> <dd> <p>Elements are automatically assigned to <a href=\"$MDN_URL$/Web/HTML/Element/slot\"><code><slot></code></a> elements within this shadow root. Any descendants of the host with a <code>slot</code> attribute which matches the <code>name</code> attribute of a <code><slot></code> within this shadow root will be assigned to that slot. Any top-level children of the host with no <code>slot</code> attribute will be assigned to a <code><slot></code> with no <code>name</code> attribute (the \"default slot\") if one is present. </dd> <dt id=\"manual\"><a href=\"#manual\"><code>manual</code></a></dt> <dd> <p>Elements are not automatically assigned to <a href=\"$MDN_URL$/Web/HTML/Element/slot\"><code><slot></code></a> elements. Instead, they must be manually assigned with <a href=\"$MDN_URL$/Web/API/HTMLSlotElement/assign\"><code>HTMLSlotElement.assign()</code></a>. Its default value is <code>named</code>. </dd> </dl> </dd> </dl>"
|
||||
},
|
||||
"returns": "Returns a <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a> object.",
|
||||
"throws": {
|
||||
@@ -1332,7 +1345,7 @@
|
||||
"SafariIOS": "3.2"
|
||||
},
|
||||
"doc": "The <strong><code>Element.getBoundingClientRect()</code></strong> method returns a\n<a href=\"$MDN_URL$/Web/API/DOMRect\"><code>DOMRect</code></a> object providing information about the size of an element and its\nposition relative to the <a href=\"$MDN_URL$/Glossary/Viewport\">viewport</a>.",
|
||||
"returns": "The returned value is a <a href=\"$MDN_URL$/Web/API/DOMRect\"><code>DOMRect</code></a> object which is the smallest rectangle\n which contains the entire element, including its padding and border-width. The\n <code>left</code>, <code>top</code>, <code>right</code>, <code>bottom</code>,\n <code>x</code>, <code>y</code>, <code>width</code>, and <code>height</code> properties\n describe the position and size of the overall rectangle in pixels. Properties other than\n <code>width</code> and <code>height</code> are relative to the top-left of the viewport.\n<p><img src=\"$MDN_URL$/Web/API/Element/getBoundingClientRect/element-box-diagram.png\" alt=\"DOMRect object that is the smallest rectangle containing the entire element.\" width=\"1466\" height=\"1099\" loading=\"lazy\">\n<p>The <code>width</code> and <code>height</code> properties of the <a href=\"$MDN_URL$/Web/API/DOMRect\"><code>DOMRect</code></a>\n object returned by the method include the <code>padding</code> and\n <code>border-width</code>, not only the content width/height. In the standard box model,\n this would be equal to the <code>width</code> or <code>height</code> property of the\n element + <code>padding</code> + <code>border-width</code>. But\n if <a href=\"$MDN_URL$/Web/CSS/box-sizing\"><code>box-sizing: border-box</code></a> is\n set for the element this would be directly equal to its <code>width</code> or\n <code>height</code>.\n<p>The returned value can be thought of as the union of the rectangles returned by\n <a href=\"$MDN_URL$/Web/API/Element/getClientRects\" title=\"getClientRects()\"><code>getClientRects()</code></a> for the element, i.e., the CSS\n border-boxes associated with the element.\n<p>Empty border-boxes are completely ignored. If all the element's border-boxes are empty,\n then a rectangle is returned with a <code>width</code> and <code>height</code> of zero\n and where the <code>top</code> and <code>left</code> are the top-left of the border-box\n for the first CSS box (in content order) for the element.\n<p>The amount of scrolling that has been done of the viewport area (or any other\n scrollable element) is taken into account when computing the bounding rectangle. This\n means that the rectangle's boundary edges (<code>top</code>, <code>right</code>,\n <code>bottom</code>, <code>left</code>) change their values every time the scrolling\n position changes (because their values are relative to the viewport and not absolute).\n<p>If you need the bounding rectangle relative to the top-left corner of the document,\n just add the current scrolling position to the <code>top</code> and <code>left</code>\n properties (these can be obtained using <a href=\"$MDN_URL$/Web/API/Window/scrollY\"><code>window.scrollY</code></a> and\n <a href=\"$MDN_URL$/Web/API/Window/scrollX\"><code>window.scrollX</code></a>) to get a bounding rectangle which is independent from the\n current scrolling position."
|
||||
"returns": "The returned value is a <a href=\"$MDN_URL$/Web/API/DOMRect\"><code>DOMRect</code></a> object which is the smallest rectangle\n which contains the entire element, including its padding and border-width. The\n <code>left</code>, <code>top</code>, <code>right</code>, <code>bottom</code>,\n <code>x</code>, <code>y</code>, <code>width</code>, and <code>height</code> properties\n describe the position and size of the overall rectangle in pixels. Properties other than\n <code>width</code> and <code>height</code> are relative to the top-left of the viewport.\n<p>\n<p>The <code>width</code> and <code>height</code> properties of the <a href=\"$MDN_URL$/Web/API/DOMRect\"><code>DOMRect</code></a>\n object returned by the method include the <code>padding</code> and\n <code>border-width</code>, not only the content width/height. In the standard box model,\n this would be equal to the <code>width</code> or <code>height</code> property of the\n element + <code>padding</code> + <code>border-width</code>. But\n if <a href=\"$MDN_URL$/Web/CSS/box-sizing\"><code>box-sizing: border-box</code></a> is\n set for the element this would be directly equal to its <code>width</code> or\n <code>height</code>.\n<p>The returned value can be thought of as the union of the rectangles returned by\n <a href=\"$MDN_URL$/Web/API/Element/getClientRects\" title=\"getClientRects()\"><code>getClientRects()</code></a> for the element, i.e., the CSS\n border-boxes associated with the element.\n<p>Empty border-boxes are completely ignored. If all the element's border-boxes are empty,\n then a rectangle is returned with a <code>width</code> and <code>height</code> of zero\n and where the <code>top</code> and <code>left</code> are the top-left of the border-box\n for the first CSS box (in content order) for the element.\n<p>The amount of scrolling that has been done of the viewport area (or any other\n scrollable element) is taken into account when computing the bounding rectangle. This\n means that the rectangle's boundary edges (<code>top</code>, <code>right</code>,\n <code>bottom</code>, <code>left</code>) change their values every time the scrolling\n position changes (because their values are relative to the viewport and not absolute).\n<p>If you need the bounding rectangle relative to the top-left corner of the document,\n just add the current scrolling position to the <code>top</code> and <code>left</code>\n properties (these can be obtained using <a href=\"$MDN_URL$/Web/API/Window/scrollY\"><code>window.scrollY</code></a> and\n <a href=\"$MDN_URL$/Web/API/Window/scrollX\"><code>window.scrollX</code></a>) to get a bounding rectangle which is independent from the\n current scrolling position."
|
||||
},
|
||||
"element.getclientrects": {
|
||||
"url": "$MDN_URL$/web/api/element/getclientrects",
|
||||
@@ -12606,6 +12619,21 @@
|
||||
},
|
||||
"doc": "The <strong><code>HTMLAnchorElement.pathname</code></strong> property is a\nstring containing an initial <code>'/'</code> followed by the path of\nthe URL not including the query string or fragment (or the empty string if there is no\npath)."
|
||||
},
|
||||
"htmlanchorelement.ping": {
|
||||
"url": "$MDN_URL$/web/api/htmlanchorelement/ping",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "12",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "17",
|
||||
"Opera": "15",
|
||||
"Safari": "5.1",
|
||||
"SafariIOS": "5"
|
||||
},
|
||||
"doc": "The <strong><code>ping</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLAnchorElement\"><code>HTMLAnchorElement</code></a> interface is a space-separated list of URLs. When the link is followed, the browser will send <a href=\"$MDN_URL$/Web/HTTP/Methods/POST\"><code>POST</code></a> requests with the body PING to the URLs.\n<p>It reflects the <code>ping</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/a\"><code><a></code></a> element.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> This property is not effective in Firefox and its usage may be limited due to privacy and security concerns.\n</div>"
|
||||
},
|
||||
"htmlanchorelement.port": {
|
||||
"url": "$MDN_URL$/web/api/htmlanchorelement/port",
|
||||
"status": [
|
||||
@@ -12718,6 +12746,22 @@
|
||||
},
|
||||
"doc": "The <strong><code>target</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLAnchorElement\"><code>HTMLAnchorElement</code></a> interface is a string that indicates where to display the linked resource.\n<p>It reflects the <a href=\"$MDN_URL$/Web/HTML/Element/a#target\"><code>target</code></a> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/a\"><code><a></code></a> element."
|
||||
},
|
||||
"htmlanchorelement.text": {
|
||||
"url": "$MDN_URL$/web/api/htmlanchorelement/text",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "12.1",
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>text</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLAnchorElement\"><code>HTMLAnchorElement</code></a> represents the text inside the the element.\nThis property represents the same information as <a href=\"$MDN_URL$/Web/API/Node/textContent\"><code>Node.textContent</code></a>."
|
||||
},
|
||||
"htmlanchorelement.tostring": {
|
||||
"url": "$MDN_URL$/web/api/htmlanchorelement/tostring",
|
||||
"status": [
|
||||
@@ -12735,6 +12779,22 @@
|
||||
"doc": "The <strong><code>HTMLAnchorElement.toString()</code></strong> <a href=\"$MDN_URL$/Glossary/Stringifier\">stringifier</a>\nmethod returns a string containing the whole URL. It is a read-only\nversion of <a href=\"$MDN_URL$/Web/API/HTMLAnchorElement/href\"><code>HTMLAnchorElement.href</code></a>.",
|
||||
"returns": "A string containing the element's complete URL."
|
||||
},
|
||||
"htmlanchorelement.type": {
|
||||
"url": "$MDN_URL$/web/api/htmlanchorelement/type",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "12.1",
|
||||
"Safari": "",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>type</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLAnchorElement\"><code>HTMLAnchorElement</code></a> interface is a string that indicates the MIME type of the linked resource.\n<p>It reflects the <code>type</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/a\"><code><a></code></a> element."
|
||||
},
|
||||
"htmlanchorelement.username": {
|
||||
"url": "$MDN_URL$/web/api/htmlanchorelement/username",
|
||||
"status": [
|
||||
@@ -12879,6 +12939,21 @@
|
||||
},
|
||||
"doc": "The <strong><code>HTMLAreaElement.pathname</code></strong> property is a\nstring containing an initial <code>'/'</code> followed by the path of\nthe URL not including the query string or fragment (or the empty string if there is no\npath)."
|
||||
},
|
||||
"htmlareaelement.ping": {
|
||||
"url": "$MDN_URL$/web/api/htmlareaelement/ping",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "12",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "17",
|
||||
"Opera": "15",
|
||||
"Safari": "5.1",
|
||||
"SafariIOS": "5"
|
||||
},
|
||||
"doc": "The <strong><code>ping</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLAreaElement\"><code>HTMLAreaElement</code></a> interface is a space-separated list of URLs. When the link is followed, the browser will send <a href=\"$MDN_URL$/Web/HTTP/Methods/POST\"><code>POST</code></a> requests with the body PING to the URLs.\n<p>It reflects the <code>ping</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/area\"><code><area></code></a> element.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> This property is not effective in Firefox and its usage may be limited due to privacy and security concerns.\n</div>"
|
||||
},
|
||||
"htmlareaelement.port": {
|
||||
"url": "$MDN_URL$/web/api/htmlareaelement/port",
|
||||
"status": [
|
||||
@@ -13895,7 +13970,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>editContext</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLElement\"><code>HTMLElement</code></a> interface gets and sets an element's associated <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> object.\n<p>The <a href=\"$MDN_URL$/Web/API/EditContext_API\">EditContext API</a> can be used to build rich text editors on the web that support advanced text input experiences, such as <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) composition, emoji picker, or any other platform-specific editing-related UI surfaces."
|
||||
},
|
||||
@@ -14329,6 +14405,38 @@
|
||||
},
|
||||
"doc": "The <strong><code>HTMLEmbedElement</code></strong> interface provides special properties (beyond the regular <a href=\"$MDN_URL$/Web/API/HTMLElement\"><code>HTMLElement</code></a> interface it also has available to it by inheritance) for manipulating <a href=\"$MDN_URL$/Web/HTML/Element/embed\"><code><embed></code></a> elements.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> This topic describes the <code>HTMLEmbedElement</code> interface as defined in the standard. It does not address earlier, non-standardized version of the interface.\n</div>"
|
||||
},
|
||||
"htmlembedelement.height": {
|
||||
"url": "$MDN_URL$/web/api/htmlembedelement/height",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "12.1",
|
||||
"Safari": "3",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>height</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLEmbedElement\"><code>HTMLEmbedElement</code></a> interface returns a string that reflects the <code>height</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/embed\"><code><embed></code></a> element, indicating the displayed height of the resource in CSS pixels."
|
||||
},
|
||||
"htmlembedelement.width": {
|
||||
"url": "$MDN_URL$/web/api/htmlembedelement/width",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "12.1",
|
||||
"Safari": "3",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>width</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLEmbedElement\"><code>HTMLEmbedElement</code></a> interface returns a string that reflects the <code>width</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/embed\"><code><embed></code></a> element, indicating the displayed width of the resource in CSS pixels."
|
||||
},
|
||||
"htmlfieldsetelement": {
|
||||
"url": "$MDN_URL$/web/api/htmlfieldsetelement",
|
||||
"status": [
|
||||
@@ -14798,6 +14906,21 @@
|
||||
},
|
||||
"doc": "The <strong><code>HTMLIFrameElement</code></strong> interface provides special properties and methods (beyond those of the <a href=\"$MDN_URL$/Web/API/HTMLElement\"><code>HTMLElement</code></a> interface it also has available to it by inheritance) for manipulating the layout and presentation of inline frame elements."
|
||||
},
|
||||
"htmliframeelement.allowfullscreen": {
|
||||
"url": "$MDN_URL$/web/api/htmliframeelement/allowFullscreen",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "38",
|
||||
"ChromeAndroid": "38",
|
||||
"Edge": "",
|
||||
"Firefox": "22",
|
||||
"Opera": "25",
|
||||
"Safari": "10.1"
|
||||
},
|
||||
"doc": "The <strong><code>allowFullscreen</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement\"><code>HTMLIFrameElement</code></a> interface is a boolean value that reflects the <code>allowfullscreen</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/iframe\"><code><iframe></code></a> element, indicating whether to allow the iframe's contents to use <a href=\"$MDN_URL$/Web/API/Element/requestFullscreen\" ><code>requestFullscreen()</code></a>.\n<blockquote>\n<p><strong>Note</strong>: This property is considered a legacy property. Use <code>allow=\"fullscreen\"</code> and domxref(\"HTMLIFrameElement.allow\")}} instead.\n</blockquote>"
|
||||
},
|
||||
"htmliframeelement.allowpaymentrequest": {
|
||||
"url": "$MDN_URL$/web/api/htmliframeelement/allowpaymentrequest",
|
||||
"status": [
|
||||
@@ -14885,6 +15008,22 @@
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>featurePolicy</code></strong> read-only\nproperty of the <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement\"><code>HTMLIFrameElement</code></a> interface returns the\n<a href=\"$MDN_URL$/Web/API/FeaturePolicy\"><code>FeaturePolicy</code></a> interface which provides a simple API for introspecting\nthe <a href=\"$MDN_URL$/Web/HTTP/Permissions_Policy\">Permissions Policies</a> applied to a specific frame."
|
||||
},
|
||||
"htmliframeelement.height": {
|
||||
"url": "$MDN_URL$/web/api/htmliframeelement/height",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "12.1",
|
||||
"Safari": "3",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>height</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement\"><code>HTMLIFrameElement</code></a> interface returns a string that reflects the <code>height</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/iframe\"><code><iframe></code></a> element, indicating the height of the frame in CSS pixels."
|
||||
},
|
||||
"htmliframeelement.loading": {
|
||||
"url": "$MDN_URL$/web/api/htmliframeelement/loading",
|
||||
"status": [
|
||||
@@ -14901,6 +15040,22 @@
|
||||
},
|
||||
"doc": "The <strong><code>loading</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement\"><code>HTMLIFrameElement</code></a> interface is a string that provides a hint to the <a href=\"$MDN_URL$/Glossary/User_agent\">user agent</a> indicating whether the <a href=\"$MDN_URL$/Web/HTML/Element/iframe\">iframe</a> should be loaded immediately on page load, or only when it is needed.\n<p>This can be used to optimize the loading of the document's contents.\nIframes that are visible when the page loads can be downloaded immediately (eagerly), while iframes that are likely to be offscreen on initial page load can be downloaded lazily — just before they will appear in the window's <a href=\"$MDN_URL$/Glossary/Visual_Viewport\">visual viewport</a>."
|
||||
},
|
||||
"htmliframeelement.name": {
|
||||
"url": "$MDN_URL$/web/api/htmliframeelement/name",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "12.1",
|
||||
"Safari": "3",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>name</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement\"><code>HTMLIFrameElement</code></a> interface is a string value that reflects the <code>name</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/iframe\"><code><iframe></code></a> element, indicating the specific name of the <code><iframe></code> element."
|
||||
},
|
||||
"htmliframeelement.referrerpolicy": {
|
||||
"url": "$MDN_URL$/web/api/htmliframeelement/referrerpolicy",
|
||||
"status": [
|
||||
@@ -14949,6 +15104,22 @@
|
||||
},
|
||||
"doc": "The <strong><code>srcdoc</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement\"><code>HTMLIFrameElement</code></a> specifies the content of the page."
|
||||
},
|
||||
"htmliframeelement.width": {
|
||||
"url": "$MDN_URL$/web/api/htmliframeelement/width",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "",
|
||||
"Opera": "12.1",
|
||||
"Safari": "3",
|
||||
"SafariIOS": ""
|
||||
},
|
||||
"doc": "The <strong><code>width</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLIFrameElement\"><code>HTMLIFrameElement</code></a> interface returns a string that reflects the <code>width</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/iframe\"><code><iframe></code></a> element, indicating the width of the frame in CSS pixels."
|
||||
},
|
||||
"htmlimageelement": {
|
||||
"url": "$MDN_URL$/web/api/htmlimageelement",
|
||||
"status": [
|
||||
@@ -15295,7 +15466,7 @@
|
||||
"Safari": "9.1",
|
||||
"SafariIOS": "9.3"
|
||||
},
|
||||
"doc": "The <a href=\"$MDN_URL$/Web/API/HTMLImageElement\"><code>HTMLImageElement</code></a> property\n<strong><code>sizes</code></strong> allows you to specify the layout width of the\nimage for each of a list of media conditions. This provides the ability to\nautomatically select among different images—even images of different orientations or\naspect ratios—as the document state changes to match different media\nconditions.\n<p>Each condition is specified using the same conditional format used\nby <a href=\"$MDN_URL$/Web/CSS/CSS_media_queries\">media queries</a>."
|
||||
"doc": "The <a href=\"$MDN_URL$/Web/API/HTMLImageElement\"><code>HTMLImageElement</code></a> property\n<strong><code>sizes</code></strong> allows you to specify the layout width of the\n<a href=\"$MDN_URL$/Web/HTML/Element/img\">image</a> for each of a list of media conditions. This provides the ability to\nautomatically select among different images—even images of different orientations or\naspect ratios—as the document state changes to match different media\nconditions.\n<p>Each condition is specified using the same conditional format used\nby <a href=\"$MDN_URL$/Web/CSS/CSS_media_queries\">media queries</a>."
|
||||
},
|
||||
"htmlimageelement.src": {
|
||||
"url": "$MDN_URL$/web/api/htmlimageelement/src",
|
||||
@@ -17291,6 +17462,54 @@
|
||||
},
|
||||
"doc": "The <strong><code>HTMLProgressElement.labels</code></strong> read-only property returns\na <a href=\"$MDN_URL$/Web/API/NodeList\"><code>NodeList</code></a> of the <a href=\"$MDN_URL$/Web/HTML/Element/label\"><code><label></code></a> elements associated with the\n<a href=\"$MDN_URL$/Web/HTML/Element/progress\"><code><progress></code></a> element."
|
||||
},
|
||||
"htmlprogresselement.max": {
|
||||
"url": "$MDN_URL$/web/api/htmlprogresselement/max",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "6",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "6",
|
||||
"Opera": "12.1",
|
||||
"Safari": "6",
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"doc": "The <strong><code>max</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLProgressElement\"><code>HTMLProgressElement</code></a> interface represents the upper bound of the <a href=\"$MDN_URL$/Web/HTML/Element/progress\"><code><progress></code></a> element's range."
|
||||
},
|
||||
"htmlprogresselement.position": {
|
||||
"url": "$MDN_URL$/web/api/htmlprogresselement/position",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "6",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "6",
|
||||
"Opera": "12.1",
|
||||
"Safari": "6",
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"doc": "The <strong><code>position</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/HTMLProgressElement\"><code>HTMLProgressElement</code></a> interface returns current progress of the <a href=\"$MDN_URL$/Web/HTML/Element/progress\"><code><progress></code></a> element."
|
||||
},
|
||||
"htmlprogresselement.value": {
|
||||
"url": "$MDN_URL$/web/api/htmlprogresselement/value",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "6",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "6",
|
||||
"Opera": "12.1",
|
||||
"Safari": "6",
|
||||
"SafariIOS": "6"
|
||||
},
|
||||
"doc": "The <strong><code>value</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLProgressElement\"><code>HTMLProgressElement</code></a> interface represents the current progress of the <a href=\"$MDN_URL$/Web/HTML/Element/progress\"><code><progress></code></a> element."
|
||||
},
|
||||
"htmlquoteelement": {
|
||||
"url": "$MDN_URL$/web/api/htmlquoteelement",
|
||||
"status": [
|
||||
@@ -17605,7 +17824,8 @@
|
||||
"Chrome": "121",
|
||||
"ChromeAndroid": "121",
|
||||
"Edge": "121",
|
||||
"Firefox": "122"
|
||||
"Firefox": "122",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "The <strong><code>HTMLSelectElement.showPicker()</code></strong> method displays the browser picker for a <code>select</code> element.\n<p>This is the same picker that would normally be displayed when the element is selected, but can be triggered from a button press or other user interaction.",
|
||||
"returns": "None (<a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>).",
|
||||
@@ -18578,6 +18798,25 @@
|
||||
},
|
||||
"doc": "Implemented by the <a href=\"$MDN_URL$/Web/HTML/Element/video\"><code><video></code></a> element, the <strong><code>HTMLVideoElement</code></strong> interface provides special properties and methods for manipulating video objects. It also inherits properties and methods of <a href=\"$MDN_URL$/Web/API/HTMLMediaElement\"><code>HTMLMediaElement</code></a> and <a href=\"$MDN_URL$/Web/API/HTMLElement\"><code>HTMLElement</code></a>.\n<p>The list of <a href=\"$MDN_URL$/Web/Media/Formats\">supported media formats</a> varies from one browser to the other. You should either provide your video in a single format that all the relevant browsers supports, or provide multiple video sources in enough different formats that all the browsers you need to support are covered."
|
||||
},
|
||||
"htmlvideoelement.cancelvideoframecallback": {
|
||||
"url": "$MDN_URL$/web/api/htmlvideoelement/cancelvideoframecallback",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "83",
|
||||
"ChromeAndroid": "83",
|
||||
"Edge": "83",
|
||||
"Opera": "69",
|
||||
"Safari": "15.4",
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"doc": "The <strong><code>cancelVideoFrameCallback()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/HTMLVideoElement\"><code>HTMLVideoElement</code></a> interface cancels a previously-registered video frame callback.",
|
||||
"parameters": {
|
||||
"id": "A number representing the ID of the video frame callback you want to cancel. This will be the value returned by the corresponding <a href=\"$MDN_URL$/Web/API/HTMLVideoElement/requestVideoFrameCallback\"><code>HTMLVideoElement.requestVideoFrameCallback</code></a> call."
|
||||
},
|
||||
"returns": "None (<a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>)."
|
||||
},
|
||||
"htmlvideoelement.disablepictureinpicture": {
|
||||
"url": "$MDN_URL$/web/api/htmlvideoelement/disablepictureinpicture",
|
||||
"status": [
|
||||
@@ -18610,6 +18849,22 @@
|
||||
"doc": "The <strong><a href=\"$MDN_URL$/Web/API/HTMLVideoElement\"><code>HTMLVideoElement</code></a></strong> method\n<strong><code>getVideoPlaybackQuality()</code></strong> creates and returns a\n<a href=\"$MDN_URL$/Web/API/VideoPlaybackQuality\"><code>VideoPlaybackQuality</code></a> object containing metrics including how many\nframes have been lost.\n<p>The data returned can be used to evaluate the quality of the video stream.",
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/API/VideoPlaybackQuality\"><code>VideoPlaybackQuality</code></a> object providing information about the video\n element's current playback quality."
|
||||
},
|
||||
"htmlvideoelement.height": {
|
||||
"url": "$MDN_URL$/web/api/htmlvideoelement/height",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "3",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "3.5",
|
||||
"Opera": "10.5",
|
||||
"Safari": "3.1",
|
||||
"SafariIOS": "3"
|
||||
},
|
||||
"doc": "The <strong><code>height</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLVideoElement\"><code>HTMLVideoElement</code></a> interface returns an integer that reflects the <code>height</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/video\"><code><video></code></a> element, specifying the displayed height of the resource in CSS pixels."
|
||||
},
|
||||
"htmlvideoelement.requestpictureinpicture": {
|
||||
"url": "$MDN_URL$/web/api/htmlvideoelement/requestpictureinpicture",
|
||||
"status": [
|
||||
@@ -18632,6 +18887,25 @@
|
||||
"NotAllowedError DOMException": "Thrown if <code>document.pictureInPictureElement</code> is <code>null</code> and the document does not have <a href=\"$MDN_URL$/Glossary/Transient_activation\">transient activation</a>."
|
||||
}
|
||||
},
|
||||
"htmlvideoelement.requestvideoframecallback": {
|
||||
"url": "$MDN_URL$/web/api/htmlvideoelement/requestvideoframecallback",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "83",
|
||||
"ChromeAndroid": "83",
|
||||
"Edge": "83",
|
||||
"Opera": "69",
|
||||
"Safari": "15.4",
|
||||
"SafariIOS": "15.4"
|
||||
},
|
||||
"doc": "The <strong><code>requestVideoFrameCallback()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/HTMLVideoElement\"><code>HTMLVideoElement</code></a> interface registers a callback function that runs when a new video frame is sent to the compositor. This enables developers to perform efficient operations on each video frame.",
|
||||
"parameters": {
|
||||
"callback": "The callback function that runs when a new video frame is sent to the compositor. This contains two parameters: <dl> <dt id=\"now\"><a href=\"#now\"><code>now</code></a></dt> <dd> <p>A <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\"><code>DOMHighResTimeStamp</code></a> representing the time when the callback was called. </dd> <dt id=\"metadata\"><a href=\"#metadata\"><code>metadata</code></a></dt> <dd> <p>An object containing the following properties: <ul> <li><code>expectedDisplayTime</code>: A <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\"><code>DOMHighResTimeStamp</code></a> representing the time when the browser expects the frame to be visible.</li> <li><code>height</code>: A number, in media pixels, representing the height of the video frame (the visible decoded pixels, without aspect ratio adjustments).</li> <li><code>mediaTime</code>: A number, in seconds, representing the media presentation timestamp of the presented frame. This is equal to the frame's timestamp on the <a href=\"$MDN_URL$/Web/API/HTMLMediaElement/currentTime\"><code>HTMLMediaElement.currentTime</code></a> timeline.</li> <li><code>presentationTime</code>: A <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\"><code>DOMHighResTimeStamp</code></a> representing the time when the browser submitted the frame for composition.</li> <li><code>presentedFrames</code>: A number representing the number of frames submitted for composition so far alongside the current callback. This can be used to detect whether frames were missed between callback instances.</li> <li><code>processingDuration</code>: A number, in seconds, representing the duration between the submission of the encoded packet with the same presentation timestamp as this frame to the decoder (i.e., the <code>mediaTime</code>) and the decoded frame being ready for presentation.</li> <li><code>width</code>: A number, in media pixels, representing the width of the video frame (the visible decoded pixels, without aspect ratio adjustments).</li> </ul> <p>Additional metadata properties may be available within <code>requestVideoFrameCallback()</code> callbacks used in <a href=\"$MDN_URL$/Web/API/WebRTC_API\" >WebRTC</a> applications: <ul> <li><code>captureTime</code>: A <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\"><code>DOMHighResTimeStamp</code></a> representing the time when the frame was captured. This applies to video frames coming from a local or remote source. For a remote source, the capture time is estimated using clock synchronization and RTCP sender reports to convert RTP timestamps to capture time.</li> <li><code>receiveTime</code>: A <a href=\"$MDN_URL$/Web/API/DOMHighResTimeStamp\"><code>DOMHighResTimeStamp</code></a> representing the time when the encoded frame was received by the platform. This applies to video frames coming from a remote source. Specifically, this corresponds to the time when the last packet belonging to this frame was received over the network.</li> <li><code>rtpTimestamp</code>: A number representing the RTP timestamp associated with this video frame.</li> </ul> </dd> </dl>"
|
||||
},
|
||||
"returns": "A number representing a unique callback ID.\n<p>This can be passed to <a href=\"$MDN_URL$/Web/API/HTMLVideoElement/cancelVideoFrameCallback\"><code>HTMLVideoElement.cancelVideoFrameCallback()</code></a> to cancel the callback registration."
|
||||
},
|
||||
"htmlvideoelement.videoheight": {
|
||||
"url": "$MDN_URL$/web/api/htmlvideoelement/videoheight",
|
||||
"status": [
|
||||
@@ -18664,6 +18938,22 @@
|
||||
},
|
||||
"doc": "The <a href=\"$MDN_URL$/Web/API/HTMLVideoElement\"><code>HTMLVideoElement</code></a> interface's read-only <strong><code>videoWidth</code></strong> property indicates the <a href=\"$MDN_URL$/Web/API/HTMLVideoElement/videoHeight#about_intrinsic_width_and_height\">intrinsic width</a> of the video, expressed in CSS pixels.\nIn simple terms, this is the width of the media in its natural size.\n<p>See <a href=\"$MDN_URL$/Web/API/HTMLVideoElement/videoHeight#about_intrinsic_width_and_height\"><code>HTMLVideoElement.videoHeight</code> > About intrinsic width and height</a> for more details."
|
||||
},
|
||||
"htmlvideoelement.width": {
|
||||
"url": "$MDN_URL$/web/api/htmlvideoelement/width",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "3",
|
||||
"ChromeAndroid": "",
|
||||
"Edge": "",
|
||||
"Firefox": "3.5",
|
||||
"Opera": "10.5",
|
||||
"Safari": "3.1",
|
||||
"SafariIOS": "3"
|
||||
},
|
||||
"doc": "The <strong><code>width</code></strong> property of the <a href=\"$MDN_URL$/Web/API/HTMLVideoElement\"><code>HTMLVideoElement</code></a> interface returns an integer that that reflects the <code>width</code> attribute of the <a href=\"$MDN_URL$/Web/HTML/Element/video\"><code><video></code></a> element, specifying the displayed width of the resource in CSS pixels."
|
||||
},
|
||||
"idbcursor": {
|
||||
"url": "$MDN_URL$/web/api/idbcursor",
|
||||
"status": [
|
||||
@@ -19812,7 +20102,7 @@
|
||||
"parameters": {
|
||||
"indexName": "The name of the index to create. Note that it is possible to create an index with an empty name.",
|
||||
"keyPath": "The key path for the index to use. Note that it is possible to create an index with an empty <code>keyPath</code>, and also to pass in a sequence (array) as a <code>keyPath</code>.",
|
||||
"options": "An object which can include the following properties: <dl> <dt id=\"unique\"><a href=\"#unique\"><code>unique</code></a></dt> <dd> <p>If <code>true</code>, the index will not allow duplicate values for a single key. Defaults to <code>false</code>. </dd> <dt id=\"multientry\"><a href=\"#multientry\"><code>multiEntry</code></a></dt> <dd> <p>If <code>true</code>, the index will add an entry in the index for each array element when the <code>keyPath</code> resolves to an array. If <code>false</code>, it will add one single entry containing the array. Defaults to <code>false</code>. </dd> <dt id=\"locale\"><a href=\"#locale\"><code>locale</code></a> </dt> <dd> <p>Currently Firefox-only (43+), this allows you to specify a locale for the index. Any sorting operations performed on the data via key ranges will then obey sorting rules of that locale (see <a href=\"$MDN_URL$/Web/API/IndexedDB_API/Using_IndexedDB#locale-aware_sorting\">locale-aware sorting</a>). You can specify its value in one of three ways: <ul> <li><code>string</code>: A string containing a specific locale code, e.g. <code>en-US</code>, or <code>pl</code>.</li> <li><code>auto</code>: The platform default locale will be used (may be changed by user agent settings).</li> <li><code>null</code> or <code>undefined</code>: If no locale is specified, normal JavaScript sorting will be used — not locale-aware.</li> </ul> </dd> </dl>"
|
||||
"options": "An object which can include the following properties: <dl> <dt id=\"unique\"><a href=\"#unique\"><code>unique</code></a></dt> <dd> <p>If <code>true</code>, the index will not allow duplicate values for a single key. Defaults to <code>false</code>. </dd> <dt id=\"multientry\"><a href=\"#multientry\"><code>multiEntry</code></a></dt> <dd> <p>If <code>true</code>, the index will add an entry in the index for each array element when the <code>keyPath</code> resolves to an array. If <code>false</code>, it will add one single entry containing the array. Defaults to <code>false</code>. </dd> <dt id=\"locale\"><a href=\"#locale\"><code>locale</code></a> </dt> <dd> <p>Allows you to specify a locale for the index. Any sorting operations performed on the data via key ranges will then obey sorting rules of that locale (see <a href=\"$MDN_URL$/Web/API/IndexedDB_API/Using_IndexedDB#locale-aware_sorting\">locale-aware sorting</a>). You can specify its value in one of three ways: <ul> <li><code>string</code>: A string containing a specific locale code, e.g. <code>en-US</code>, or <code>pl</code>.</li> <li><code>auto</code>: The platform default locale will be used (may be changed by user agent settings).</li> <li><code>null</code> or <code>undefined</code>: If no locale is specified, normal JavaScript sorting will be used — not locale-aware.</li> </ul> </dd> </dl>"
|
||||
},
|
||||
"returns": "An <a href=\"$MDN_URL$/Web/API/IDBIndex\"><code>IDBIndex</code></a> object: the newly created index.",
|
||||
"throws": {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -3902,7 +3902,7 @@
|
||||
},
|
||||
"rtcicecandidatepairstats.priority": {
|
||||
"url": "$MDN_URL$/web/api/rtcicecandidatepairstats/priority",
|
||||
"doc": "<div class=\"notecard deprecated\" id=\"sect1\"><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 <em>obsolete</em> <a href=\"$MDN_URL$/Web/API/RTCIceCandidatePairStats\"><code>RTCIceCandidatePairStats</code></a>\nproperty <strong><code>priority</code></strong> reports the priority of the candidate\npair as an integer value. The higher the value, the more likely the WebRTC\nlayer is to select the candidate pair when the time comes to establish (or re-establish)\na connection between the two peers."
|
||||
"doc": "<div class=\"notecard deprecated\" id=\"sect1\"><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><div class=\"notecard nonstandard\" id=\"sect2\"><p><strong>Non-standard:</strong> This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.</div>\n<p>The <em>obsolete</em> <a href=\"$MDN_URL$/Web/API/RTCIceCandidatePairStats\"><code>RTCIceCandidatePairStats</code></a>\nproperty <strong><code>priority</code></strong> reports the priority of the candidate\npair as an integer value. The higher the value, the more likely the WebRTC\nlayer is to select the candidate pair when the time comes to establish (or re-establish)\na connection between the two peers."
|
||||
},
|
||||
"rtcicecandidatepairstats.readable": {
|
||||
"url": "$MDN_URL$/web/api/rtcicecandidatepairstats/readable",
|
||||
@@ -8082,7 +8082,7 @@
|
||||
"doc": "The <strong><code>clients</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope\"><code>ServiceWorkerGlobalScope</code></a> interface returns the <a href=\"$MDN_URL$/Web/API/Clients\"><code>Clients</code></a>\nobject associated with the service worker."
|
||||
},
|
||||
"serviceworkerglobalscope.cookiestore": {
|
||||
"url": "$MDN_URL$/web/api/serviceworkerglobalscope/cookieStore",
|
||||
"url": "$MDN_URL$/web/api/serviceworkerglobalscope/cookiestore",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
@@ -8351,7 +8351,7 @@
|
||||
"Edge": "79",
|
||||
"Opera": "36"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>sync</code></strong> property of the\n<a href=\"$MDN_URL$/Web/API/ServiceWorkerRegistration\"><code>ServiceWorkerRegistration</code></a> interface returns a reference to the\n<a href=\"$MDN_URL$/Web/API/SyncManager\"><code>SyncManager</code></a> interface, which manages background synchronization\nprocesses.<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>\n</div>"
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>sync</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/ServiceWorkerRegistration\"><code>ServiceWorkerRegistration</code></a> interface returns a reference to the\n<a href=\"$MDN_URL$/Web/API/SyncManager\"><code>SyncManager</code></a> interface, which manages background synchronization\nprocesses.<div class=\"notecard note\" id=\"sect2\">\n<p><strong>Note:</strong> This feature is available in <a href=\"$MDN_URL$/Web/API/Web_Workers_API\">Web Workers</a>\n</div>"
|
||||
},
|
||||
"serviceworkerregistration.unregister": {
|
||||
"url": "$MDN_URL$/web/api/serviceworkerregistration/unregister",
|
||||
@@ -8515,6 +8515,16 @@
|
||||
},
|
||||
"doc": "The <strong><code>adoptedStyleSheets</code></strong> property of the <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a> interface sets an array of constructed stylesheets to be used by the shadow DOM subtree.\n<div class=\"notecard note\" id=\"sect1\">\n<p><strong>Note:</strong> A constructed stylesheet is a stylesheet created programmatically using the <a href=\"$MDN_URL$/Web/API/CSSStyleSheet/CSSStyleSheet\"><code>CSSStyleSheet()</code> constructor</a> (as compared to one created by a user-agent when importing a stylesheet from a script, imported using <a href=\"$MDN_URL$/Web/HTML/Element/style\"><code><style></code></a> and <a href=\"$MDN_URL$/Web/CSS/@import\"><code>@import</code></a>, or linked to via <a href=\"$MDN_URL$/Web/HTML/Element/link\"><code><link></code></a>).\n</div>\n<p>The same constructed stylesheet can be adopted by multiple <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a> instances, and by the parent document (using the <a href=\"$MDN_URL$/Web/API/Document/adoptedStyleSheets\"><code>Document.adoptedStyleSheets</code></a> property).\nChanging an adopted stylesheet will affect all the adopting objects.\n<p>Stylesheets in the <code>adoptedStyleSheets</code> property are considered along with the shadow DOM's other stylesheets.\nFor the purpose of determining the final computed CSS of any element, they are considered to have been added <em>after</em> the other stylesheets in the shadow DOM (<a href=\"$MDN_URL$/Web/API/ShadowRoot/styleSheets\"><code>ShadowRoot.styleSheets</code></a>).\n<p>Only stylesheets created using the <a href=\"$MDN_URL$/Web/API/CSSStyleSheet/CSSStyleSheet\"><code>CSSStyleSheet()</code> constructor</a>, and from within the same parent <a href=\"$MDN_URL$/Web/API/Document\"><code>Document</code></a> as the shadow root, may be adopted."
|
||||
},
|
||||
"shadowroot.clonable": {
|
||||
"url": "$MDN_URL$/web/api/shadowroot/clonable",
|
||||
"status": [
|
||||
"StandardTrack"
|
||||
],
|
||||
"compatibility": {
|
||||
"Firefox": "preview"
|
||||
},
|
||||
"doc": "The <strong><code>clonable</code></strong> read-only property of the <a href=\"$MDN_URL$/Web/API/ShadowRoot\"><code>ShadowRoot</code></a> interface returns <code>true</code> if the shadow root is clonable, and <code>false</code> otherwise. It always returns <code>true</code> for shadow roots created via declarative shadow DOM. It can be set to <code>true</code> using the <code>clonable</code> option of the <a href=\"$MDN_URL$/Web/API/Element/attachShadow\"><code>Element.attachShadow()</code></a> method."
|
||||
},
|
||||
"shadowroot.delegatesfocus": {
|
||||
"url": "$MDN_URL$/web/api/shadowroot/delegatesfocus",
|
||||
"status": [
|
||||
@@ -14492,7 +14502,7 @@
|
||||
"Edge": "79",
|
||||
"Opera": "36"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncEvent</code></strong> interface represents a sync action that is dispatched on the <a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope\"><code>ServiceWorkerGlobalScope</code></a> of a ServiceWorker.\n<p>This interface inherits from the <a href=\"$MDN_URL$/Web/API/ExtendableEvent\"><code>ExtendableEvent</code></a> interface."
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncEvent</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/Background_Synchronization_API\">Background Synchronization API</a> represents a sync action that is dispatched on the <a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope\"><code>ServiceWorkerGlobalScope</code></a> of a ServiceWorker.\n<p>This interface inherits from the <a href=\"$MDN_URL$/Web/API/ExtendableEvent\"><code>ExtendableEvent</code></a> interface."
|
||||
},
|
||||
"syncevent.lastchance": {
|
||||
"url": "$MDN_URL$/web/api/syncevent/lastchance",
|
||||
@@ -14506,7 +14516,7 @@
|
||||
"Edge": "79",
|
||||
"Opera": "36"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncEvent.lastChance</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/SyncEvent\"><code>SyncEvent</code></a> interface returns <code>true</code> if the user agent will not\nmake further synchronization attempts after the current attempt. This is the value\npassed in the <code>lastChance</code> parameter of the\n<a href=\"$MDN_URL$/Web/API/SyncEvent/SyncEvent\" ><code>SyncEvent()</code></a> constructor."
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>lastChance</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/SyncEvent\"><code>SyncEvent</code></a> interface returns <code>true</code> if the user agent will not\nmake further synchronization attempts after the current attempt. This is the value\npassed in the <code>lastChance</code> parameter of the\n<a href=\"$MDN_URL$/Web/API/SyncEvent/SyncEvent\" ><code>SyncEvent()</code></a> constructor."
|
||||
},
|
||||
"syncevent.syncevent": {
|
||||
"url": "$MDN_URL$/web/api/syncevent/syncevent",
|
||||
@@ -14539,7 +14549,7 @@
|
||||
"Edge": "79",
|
||||
"Opera": "36"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncEvent.tag</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/SyncEvent\"><code>SyncEvent</code></a> interface returns the developer-defined identifier for\nthis <code>SyncEvent</code>. This is the value passed in the <code>tag</code> parameter\nof the <a href=\"$MDN_URL$/Web/API/SyncEvent/SyncEvent\" ><code>SyncEvent()</code></a> constructor."
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>tag</code></strong> read-only property of the\n<a href=\"$MDN_URL$/Web/API/SyncEvent\"><code>SyncEvent</code></a> interface returns the developer-defined identifier for\nthis <code>SyncEvent</code>. This is the value passed in the <code>tag</code> parameter\nof the <a href=\"$MDN_URL$/Web/API/SyncEvent/SyncEvent\" ><code>SyncEvent()</code></a> constructor."
|
||||
},
|
||||
"syncmanager": {
|
||||
"url": "$MDN_URL$/web/api/syncmanager",
|
||||
@@ -14553,7 +14563,7 @@
|
||||
"Edge": "79",
|
||||
"Opera": "36"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncManager</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/Service_Worker_API\">ServiceWorker API</a> provides an interface for registering and listing sync registrations."
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncManager</code></strong> interface of the <a href=\"$MDN_URL$/Web/API/Background_Synchronization_API\">Background Synchronization API</a> provides an interface for registering and listing sync registrations."
|
||||
},
|
||||
"syncmanager.gettags": {
|
||||
"url": "$MDN_URL$/web/api/syncmanager/gettags",
|
||||
@@ -14567,7 +14577,7 @@
|
||||
"Edge": "79",
|
||||
"Opera": "36"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncManager.getTags</code></strong> method of the\n<a href=\"$MDN_URL$/Web/API/SyncManager\"><code>SyncManager</code></a> interface returns a list of developer-defined identifiers for\n<code>SyncManager</code> registrations.",
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>getTags()</code></strong> method of the\n<a href=\"$MDN_URL$/Web/API/SyncManager\"><code>SyncManager</code></a> interface returns a list of developer-defined identifiers for\n<code>SyncManager</code> registrations.",
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves to an array of strings\n containing developer-defined identifiers for <code>SyncManager</code> registrations."
|
||||
},
|
||||
"syncmanager.register": {
|
||||
@@ -14582,11 +14592,15 @@
|
||||
"Edge": "79",
|
||||
"Opera": "36"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>SyncManager.register</code></strong> method of the <a href=\"$MDN_URL$/Web/API/SyncManager\"><code>SyncManager</code></a> interface registers a synchronization event, triggering a <a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope/sync_event\" ><code>sync</code></a> event inside the associated service worker as soon as network connectivity is available.",
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>register()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/SyncManager\"><code>SyncManager</code></a> interface registers a synchronization event, triggering a <a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope/sync_event\" ><code>sync</code></a> event inside the associated service worker as soon as network connectivity is available.",
|
||||
"parameters": {
|
||||
"tag": "An identifier for this synchronization event. This will be the value of the <code>tag</code> property of the <a href=\"$MDN_URL$/Web/API/SyncEvent\"><code>SyncEvent</code></a> that gets passed into the service worker's <a href=\"$MDN_URL$/Web/API/ServiceWorkerGlobalScope/sync_event\" ><code>sync</code></a> event handler."
|
||||
},
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves to <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>."
|
||||
"returns": "A <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Promise\"><code>Promise</code></a> that resolves to <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/undefined\"><code>undefined</code></a>.",
|
||||
"throws": {
|
||||
"InvalidStateError DOMException": "Thrown if current service worker is not active.",
|
||||
"NotAllowedError DOMException": "Thrown if background sync has been disabled by the user."
|
||||
}
|
||||
},
|
||||
"taskattributiontiming": {
|
||||
"url": "$MDN_URL$/web/api/taskattributiontiming",
|
||||
@@ -15352,7 +15366,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextFormat</code></strong> interface represents specific formatting that should be applied to a range of text in an editable text region that's attached to an <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> instance. The text formatting is requested by the <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) window that the user is composing text with.\n<p>When using one of the default editable regions of the web, such as a <a href=\"$MDN_URL$/Web/HTML/Element/textarea\"><code><textarea></code></a> element, IME composition is handled by the browser and operating system for you. For example, when using Japanese IME in a textarea, on Windows, the following text formats can be applied:\n<ul>\n<li>\nWhen text is being composed with the keyboard, the typed characters have a thin wavy underline:\n</li>\n<li>\nWhen the user selects a suggestion from the list of candidates in the IME window, the text is replaced and is underlined with a thick solid line:\n</li>\n</ul>\n<p>When creating your own custom editable region by using the <a href=\"$MDN_URL$/Web/API/EditContext_API\">EditContext API</a>, you need to handle IME composition yourself. You should listen for the <a href=\"$MDN_URL$/Web/API/EditContext/textformatupdate_event\" ><code>textformatupdate</code></a> event, which gives you the list of text formats that the IME window wants to apply to the text being composed. You should then update the formatting of the text displayed in your editable region accordingly."
|
||||
},
|
||||
@@ -15364,7 +15379,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>rangeEnd</code></strong> property of the <a href=\"$MDN_URL$/Web/API/TextFormat\"><code>TextFormat</code></a> interface indicates the end position of the text range that needs to be formatted with the given text format."
|
||||
},
|
||||
@@ -15376,7 +15392,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>rangeStart</code></strong> property of the <a href=\"$MDN_URL$/Web/API/TextFormat\"><code>TextFormat</code></a> interface indicates the start position of the text range that needs to be formatted with the given text format."
|
||||
},
|
||||
@@ -15388,7 +15405,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextFormat()</code></strong> constructor returns a new <a href=\"$MDN_URL$/Web/API/TextFormat\"><code>TextFormat</code></a> object.",
|
||||
"parameters": {
|
||||
@@ -15403,7 +15421,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>underlineStyle</code></strong> property of the <a href=\"$MDN_URL$/Web/API/TextFormat\"><code>TextFormat</code></a> interface indicates the style of the underline that needs to be applied to the text range that is being formatted."
|
||||
},
|
||||
@@ -15415,7 +15434,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>underlineThickness</code></strong> property of the <a href=\"$MDN_URL$/Web/API/TextFormat\"><code>TextFormat</code></a> interface indicates the thickness of the underline that needs to be applied to the text range that is being formatted."
|
||||
},
|
||||
@@ -15427,7 +15447,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextFormatUpdateEvent</code></strong> interface is a <a href=\"$MDN_URL$/Web/API/Event\" ><code>DOM event</code></a> that represents a list of text formats that an <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) window wants to apply to the text being composed in an editable region that's attached to an <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> instance.\n<p>This interface inherits properties from <a href=\"$MDN_URL$/Web/API/Event\"><code>Event</code></a>."
|
||||
},
|
||||
@@ -15439,7 +15460,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>getTextFormats()</code></strong> method of the <a href=\"$MDN_URL$/Web/API/TextFormatUpdateEvent\"><code>TextFormatUpdateEvent</code></a> interface returns an <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Array\"><code>Array</code></a> of <a href=\"$MDN_URL$/Web/API/TextFormat\"><code>TextFormat</code></a> objects that represent the formats that an <a href=\"$MDN_URL$/Glossary/Input_method_editor\">Input Method Editor</a> (IME) window wants to apply to the text being composed.",
|
||||
"returns": "An <a href=\"$MDN_URL$/Web/JavaScript/Reference/Global_Objects/Array\"><code>Array</code></a> containing <a href=\"$MDN_URL$/Web/API/TextFormat\"><code>TextFormat</code></a> objects."
|
||||
@@ -15452,7 +15474,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextFormatUpdateEvent()</code></strong> constructor returns a new <a href=\"$MDN_URL$/Web/API/TextFormatUpdateEvent\"><code>TextFormatUpdateEvent</code></a> object.",
|
||||
"parameters": {
|
||||
@@ -16058,7 +16081,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextUpdateEvent</code></strong> interface is a <a href=\"$MDN_URL$/Web/API/Event\" ><code>DOM event</code></a> that represents a text or selection update in an editable text region that's attached to an <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> instance.\n<p>This interface inherits properties from <a href=\"$MDN_URL$/Web/API/Event\"><code>Event</code></a>."
|
||||
},
|
||||
@@ -16070,7 +16094,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextUpdateEvent.selectionEnd</code></strong> read-only property indicates the position of the end of the selection (or caret) within the text content of the editable region attached to the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> object."
|
||||
},
|
||||
@@ -16082,7 +16107,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextUpdateEvent.selectionStart</code></strong> read-only property indicates the position of the end of the selection (or caret) within the text content of the editable region attached to the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> object."
|
||||
},
|
||||
@@ -16094,7 +16120,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextUpdateEvent.text</code></strong> read-only property contains the text that was inserted within the updated range of a <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a>'s <code>textupdate</code> event."
|
||||
},
|
||||
@@ -16106,7 +16133,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextUpdateEvent()</code></strong> constructor returns a new <a href=\"$MDN_URL$/Web/API/TextUpdateEvent\"><code>TextUpdateEvent</code></a> object.",
|
||||
"parameters": {
|
||||
@@ -16122,7 +16150,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextUpdateEvent.updateRangeEnd</code></strong> read-only property indicates the end position of the text range that is being replaced in the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> object."
|
||||
},
|
||||
@@ -16134,7 +16163,8 @@
|
||||
],
|
||||
"compatibility": {
|
||||
"Chrome": "121",
|
||||
"Edge": "121"
|
||||
"Edge": "121",
|
||||
"Opera": "107"
|
||||
},
|
||||
"doc": "<div class=\"notecard experimental\" id=\"sect1\"><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>TextUpdateEvent.updateRangeStart</code></strong> read-only property indicates the start position of the text range that is being replaced in the <a href=\"$MDN_URL$/Web/API/EditContext\"><code>EditContext</code></a> object."
|
||||
},
|
||||
|
||||
@@ -11899,7 +11899,7 @@
|
||||
"doc": "The <strong><code>Window.console</code></strong> property returns a reference to the <a href=\"$MDN_URL$/Web/API/console\"><code>console</code></a> object, which provides methods for logging information to the browser's console. These methods are intended for debugging purposes only and should not be relied on for presenting information to end users."
|
||||
},
|
||||
"window.cookiestore": {
|
||||
"url": "$MDN_URL$/web/api/window/cookieStore",
|
||||
"url": "$MDN_URL$/web/api/window/cookiestore",
|
||||
"status": [
|
||||
"Experimental",
|
||||
"StandardTrack"
|
||||
|
||||
@@ -1275,7 +1275,7 @@ private fun String.patchProse(): String =
|
||||
.replace(""", "\"")
|
||||
.replace(" ", " ")
|
||||
.replace(Regex("<p>\\s+"), "<p>")
|
||||
.replace(Regex("(^<p>\\s*)|(\\s*</p>)|(\\s*<figure\\s*class=\"table-container\">\\s*</figure>\\s*)"), "")
|
||||
.replace(Regex("(^<p>\\s*)|(\\s*</p>)|(\\s*<img[^>]*>)|(\\s*<figure\\s*class=\"table-container\">\\s*</figure>\\s*)"), "")
|
||||
.also { fixedProse ->
|
||||
Regex("&(?!lt|gt|amp)[a-z]*;").find(fixedProse)?.let {
|
||||
throw Exception("Unknown entity found in prose: ${it.value}")
|
||||
|
||||
@@ -428,6 +428,18 @@
|
||||
"doc": "This attribute can be used for defining width of spacer in pixels when type is\n<code>block</code>\n."
|
||||
}
|
||||
}
|
||||
},
|
||||
"button": {
|
||||
"doc": "",
|
||||
"attrs":{
|
||||
"autocomplete": {
|
||||
"url": "$MDN_URL$/web/html/element/button#autocomplete",
|
||||
"compatibility": {
|
||||
"Firefox": "4"
|
||||
},
|
||||
"doc": "This attribute on a <a href=\"$MDN_URL$/Web/HTML/Element/button\" aria-current=\"page\"><code><button></code></a> is nonstandard and Firefox-specific. Unlike other browsers, <a href=\"https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing\" class=\"external\" target=\"_blank\">Firefox persists the dynamic disabled state</a> of a <a href=\"$MDN_URL$/Web/HTML/Element/button\" aria-current=\"page\"><code><button></code></a> across page loads. Setting <code>autocomplete=\"off\"</code> on the button disables this feature; see <a href=\"https://bugzil.la/654072\" class=\"external\" target=\"_blank\">Firefox bug 654072</a>."
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user