mirror of
https://gitflic.ru/project/openide/openide.git
synced 2025-12-16 14:23:28 +07:00
[mdn] WEB-72460 Baseline docs: update test data
GitOrigin-RevId: cc17f221daf2a6167a5c7f963a0aac85a07a050f
This commit is contained in:
Piotr Tomiak
committed by
intellij-monorepo-bot
intellij-monorepo-bot
parent
d792d1cdf8
commit
72ae3f9dca
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>body</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1, Firefox Android 4, Opera 15, Safari 1, Safari iOS 1. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1, Firefox Android 4, Opera 15, Safari 1, Safari iOS 1</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code><body></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/HTML">HTML</a> element represents the content of an HTML document. There can be only one <code><body></code> element in a document.</div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/html/reference/elements/body/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
---
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>math</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineLow'></icon>
|
||||
<td style='padding: 0; width:100%'>Newly available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 109, Chrome Android 109, Edge 109, Firefox 4, Firefox Android 4, Opera 95, Safari 5.1, Safari iOS 5. <i>Baseline since 2023</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineLow'></icon>
|
||||
<td class='mdn-baseline-info'>Newly available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 109, Chrome Android 109, Edge 109, Firefox 4, Firefox Android 4, Opera 95, Safari 5.1, Safari iOS 5</span>
|
||||
<p class='grayed'>Baseline since 2023
|
||||
</details>
|
||||
The <strong><code><math></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/MathML">MathML</a> element is the top-level MathML element, used to write a single mathematical formula. It can be placed in HTML content where <a href="https://developer.mozilla.org/en-us/docs/Web/HTML/Guides/Content_categories#flow_content">flow content</a> is permitted.
|
||||
<div class="notecard note">
|
||||
<p><strong>Note:</strong>
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>mrow</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineLow'></icon>
|
||||
<td style='padding: 0; width:100%'>Newly available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 109, Chrome Android 109, Edge 109, Firefox 1, Firefox Android 4, Opera 95, Safari 6, Safari iOS 6. <i>Baseline since 2023</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineLow'></icon>
|
||||
<td class='mdn-baseline-info'>Newly available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 109, Chrome Android 109, Edge 109, Firefox 1, Firefox Android 4, Opera 95, Safari 6, Safari iOS 6</span>
|
||||
<p class='grayed'>Baseline since 2023
|
||||
</details>
|
||||
The <strong><code><mrow></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/MathML">MathML</a> element is used to group sub-expressions, which usually contain one or more <a href="https://developer.mozilla.org/en-us/docs/Web/MathML/Reference/Element/mo">operators</a> with their respective operands (such as <a href="https://developer.mozilla.org/en-us/docs/Web/MathML/Reference/Element/mi" ><code><mi></code></a> and <a href="https://developer.mozilla.org/en-us/docs/Web/MathML/Reference/Element/mn" ><code><mn></code></a>). This element renders as a horizontal row containing its arguments.
|
||||
<p>When writing a MathML expression, you should group elements within an <code><mrow></code> in the same way as they are grouped in the mathematical interpretation of the expression. Proper grouping helps the rendering of the expression in several ways:
|
||||
<ul>
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>onstalled</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 3, Chrome Android 18, Edge 12, Firefox 3.5, Firefox Android 4, Opera 10.5, Safari 3.1, Safari iOS 3. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 3, Chrome Android 18, Edge 12, Firefox 3.5, Firefox Android 4, Opera 10.5, Safari 3.1, Safari iOS 3</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <code>stalled</code> event is fired when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
|
||||
This event is not cancelable and does not bubble.</div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/api/htmlmediaelement/stalled_event/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>script</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1, Firefox Android 4, Opera 12.1, Safari 3, Safari iOS 2. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1, Firefox Android 4, Opera 12.1, Safari 3, Safari iOS 2</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code><script></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/HTML">HTML</a> element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code. The <code><script></code> element can also be used with other languages, such as <a href="https://developer.mozilla.org/en-us/docs/Web/API/WebGL_API">WebGL</a>'s GLSL shader programming language and <a href="https://developer.mozilla.org/en-us/docs/Glossary/JSON">JSON</a>.</div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/html/reference/elements/script/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
---
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>svg</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3, Safari iOS 2. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3, Safari iOS 2</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code><svg></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/SVG">SVG</a> element is a container that defines a new coordinate system and <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Attribute/viewBox">viewport</a>. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.
|
||||
<div class="notecard note">
|
||||
<p><strong>Note:</strong>
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>image</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3, Safari iOS 2. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3, Safari iOS 2</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code><image></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/SVG">SVG</a> element includes images inside SVG documents. It can display <a href="https://developer.mozilla.org/en-us/docs/Glossary/Raster_image">raster image</a> files or other SVG files.
|
||||
<p>The only image formats SVG software must support are <a href="https://developer.mozilla.org/en-us/docs/Glossary/JPEG">JPEG</a>, <a href="https://developer.mozilla.org/en-us/docs/Glossary/PNG">PNG</a>, and other SVG files. Animated <a href="https://developer.mozilla.org/en-us/docs/Glossary/GIF">GIF</a> behavior is undefined.
|
||||
<p>SVG files displayed with <code><image></code> are <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Guides/SVG_as_an_image">treated as an image</a>: external resources aren't loaded, <a href="https://developer.mozilla.org/en-us/docs/Web/CSS/:visited"><code>:visited</code></a> styles <a href="https://developer.mozilla.org/en-us/docs/Web/CSS/CSS_selectors/Privacy_and_the_visited_selector">aren't applied</a>, and they cannot be interactive. To include dynamic SVG elements, try <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/use"><code><use></code></a> with an external URL. To include SVG files and run scripts inside them, try <a href="https://developer.mozilla.org/en-us/docs/Web/HTML/Reference/Elements/object"><code><object></code></a> inside of <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/foreignObject"><code><foreignObject></code></a>.
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>body</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1, Firefox Android 4, Opera 15, Safari 1, Safari iOS 1. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1, Firefox Android 4, Opera 15, Safari 1, Safari iOS 1</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code><body></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/HTML">HTML</a> element represents the content of an HTML document. There can be only one <code><body></code> element in a document.</div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/html/reference/elements/body/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
---
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>dialog</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 37, Chrome Android 37, Edge 79, Firefox 98, Firefox Android 98, Opera 24, Safari 15.4, Safari iOS 15.4. <i>Baseline since 2024</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 37, Chrome Android 37, Edge 79, Firefox 98, Firefox Android 98, Opera 24, Safari 15.4, Safari iOS 15.4</span>
|
||||
<p class='grayed'>Baseline since 2024
|
||||
</details>
|
||||
The <strong><code><dialog></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/HTML">HTML</a> element represents a modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.
|
||||
<p>The HTML <code><dialog></code> element is used to create both modal and non-modal dialog boxes. Modal dialog boxes interrupt interaction with the rest of the page being inert, while non-modal dialog boxes allow interaction with the rest of the page.
|
||||
<p>JavaScript should be used to display the <code><dialog></code> element. Use the <a href="https://developer.mozilla.org/en-us/docs/Web/API/HTMLDialogElement/showModal" ><code>.showModal()</code></a> method to display a modal dialog and the <a href="https://developer.mozilla.org/en-us/docs/Web/API/HTMLDialogElement/show" ><code>.show()</code></a> method to display a non-modal dialog. The dialog box can be closed using the <a href="https://developer.mozilla.org/en-us/docs/Web/API/HTMLDialogElement/close" ><code>.close()</code></a> method or using the <a href="https://developer.mozilla.org/en-us/docs/Web/HTML/Reference/Elements/form#method"><code>dialog</code></a> method when submitting a <code><form></code> that is nested within the <code><dialog></code> element. Modal dialogs can also be closed by pressing the <kbd>Esc</kbd> key.</div>
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
<div class='definition'><pre>rect</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3.1, Safari iOS 2. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3.1, Safari iOS 2</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code><rect></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/SVG">SVG</a> element is a <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Tutorials/SVG_from_scratch/Basic_shapes">basic SVG shape</a> that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.</div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/svg/reference/element/rect/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
<div class='definition'><pre>rect</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3.1, Safari iOS 2. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3.1, Safari iOS 2</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code><rect></code></strong> <a href="https://developer.mozilla.org/en-us/docs/Web/SVG">SVG</a> element is a <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Tutorials/SVG_from_scratch/Basic_shapes">basic SVG shape</a> that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.</div>
|
||||
<div class='content'>By <a href='https://developer.mozilla.org/en-us/docs/web/svg/reference/element/rect/contributors.txt'>Mozilla Contributors</a>, <a href='https://creativecommons.org/licenses/by-sa/2.5/'>CC BY-SA 2.5</a></div>
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>stroke-width</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 80, Chrome Android 80, Edge 80, Firefox 1, Firefox Android 4, Opera 67, Safari 13.1, Safari iOS 13.4. <i>Baseline since 2022</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 80, Chrome Android 80, Edge 80, Firefox 1, Firefox Android 4, Opera 67, Safari 13.1, Safari iOS 13.4</span>
|
||||
<p class='grayed'>Baseline since 2022
|
||||
</details>
|
||||
The <strong><code>stroke-width</code></strong> attribute is a presentation attribute defining the width of the stroke to be applied to the shape. It applies to any SVG shape or text-content element, but as an inherited property, it may be applied to elements such as <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/g"><code><g></code></a> and still have the intended effect on descendant elements' strokes.
|
||||
<div class="notecard note">
|
||||
<p><strong>Note:</strong>
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>stroke-width</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 80, Chrome Android 80, Edge 80, Firefox 1, Firefox Android 4, Opera 67, Safari 13.1, Safari iOS 13.4. <i>Baseline since 2022</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 80, Chrome Android 80, Edge 80, Firefox 1, Firefox Android 4, Opera 67, Safari 13.1, Safari iOS 13.4</span>
|
||||
<p class='grayed'>Baseline since 2022
|
||||
</details>
|
||||
The <strong><code>stroke-width</code></strong> attribute is a presentation attribute defining the width of the stroke to be applied to the shape. It applies to any SVG shape or text-content element, but as an inherited property, it may be applied to elements such as <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Element/g"><code><g></code></a> and still have the intended effect on descendant elements' strokes.
|
||||
<div class="notecard note">
|
||||
<p><strong>Note:</strong>
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class='definition'><pre>viewBox</pre></div>
|
||||
<div class='content'><details style='margin-bottom: 4px'><summary><table style='border-spacing: 0; border-width: 0'><tr><td width=2 valign=top style='padding: 0 4px 0 0'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td style='padding: 0; width:100%'>Widely available across major browsers
|
||||
</td></tr></table></summary><p class='grayed' style='margin: 0; padding: 0 0 4px 0; line-height: 100%'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3, Safari iOS 3. <i>Baseline since 2018</i></details>
|
||||
<div class='content'><details class='mdn-baseline'><summary>
|
||||
<table class='mdn-baseline'><tr><td width=2 valign=top class='mdn-baseline-icon'><icon src='com.intellij.xml.frontback.impl.icons.XmlFrontbackImplIcons.BaselineHigh'></icon>
|
||||
<td class='mdn-baseline-info'>Widely available across major browsers
|
||||
</td></tr></table></summary>
|
||||
<p><span class='grayed'>Chrome 1, Chrome Android 18, Edge 12, Firefox 1.5, Firefox Android 4, Opera 8, Safari 3, Safari iOS 3</span>
|
||||
<p class='grayed'>Baseline since 2018
|
||||
</details>
|
||||
The <strong><code>viewBox</code></strong> attribute defines the position and dimension, in user space, of an SVG viewport.
|
||||
<p>The value of the <code>viewBox</code> attribute is a list of four numbers separated by whitespace and/or a comma: <code>min-x</code>, <code>min-y</code>, <code>width</code>, and <code>height</code>. <code>min-x</code> and <code>min-y</code> represent the smallest X and Y coordinates that the <code>viewBox</code> may have (the origin coordinates of the <code>viewBox</code>) and the <code>width</code> and <code>height</code> specify the <code>viewBox</code> size. The resulting <code>viewBox</code> is a rectangle in user space mapped to the bounds of the viewport of an SVG element (not the <a href="https://developer.mozilla.org/en-us/docs/Glossary/Viewport">browser viewport</a>).
|
||||
When an SVG contains a <code>viewBox</code> attribute (often in combination with a <a href="https://developer.mozilla.org/en-us/docs/Web/SVG/Reference/Attribute/preserveAspectRatio"><code>preserveAspectRatio</code></a> attribute), a transform stretches or resizes the SVG viewport to fit a particular container element.</div>
|
||||
|
||||
Reference in New Issue
Block a user