Sammy McSam: CSS shape() function baseline since February 2026

2026-10-23T22:19:01Z

CSS shape() function baseline since February 2026

← Older revision		Revision as of 22:19, 23 October 2026
Line 1:		Line 1:
	{{~~warn~~\|This template uses the [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape CSS shape() function] ~~which is not yet supported in Firefox as of 2025-12-06~~}}		{{info\|This template uses the modern [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape CSS shape() function] baseline since February 2026}}

	<onlyinclude><div style="width:{{{w\|2rem}}};aspect-ratio:1;clip-path:shape(		<onlyinclude><div style="width:{{{w\|2rem}}};aspect-ratio:1;clip-path:shape(

Sammy McSam: Created page with "{{warn|This template uses the [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape CSS shape() function] which is not yet supported in Firefox as of 2025-12-06}}
== Para..."

2025-12-06T15:52:50Z

Created page with "{{warn|This template uses the [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape CSS shape() function] which is not yet supported in Firefox as of 2025-12-06}} <onlyinclude><div style="width:{{{w|2rem}}};aspect-ratio:1;clip-path:shape( from 20% 60%, arc by -10% 10% of 5%, line by 20% 20%, smooth by 10% 0 with 5% 5%, line by 50% -50%, arc by -10% -10% of 5%, line by -45% 45%, close);background:{{{1|#0b0}}};"></div></onlyinclude> == Para..."

New page

{{warn|This template uses the [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape CSS shape() function] which is not yet supported in Firefox as of 2025-12-06}}

<onlyinclude><div style="width:{{{w|2rem}}};aspect-ratio:1;clip-path:shape(
from 20% 60%,
arc by -10% 10% of 5%,
line by 20% 20%,
smooth by 10% 0 with 5% 5%,
line by 50% -50%,
arc by -10% -10% of 5%,
line by -45% 45%,
close);background:{{{1|#0b0}}};"></div></onlyinclude>

== Parameters ==

<div style="display:grid;grid-template-columns:repeat(5,max-content) 1fr;gap:0 0.25rem;overflow:auto;text-overflow:ellipsis;">
<div>{{text|w=bold|Id}}</div>
<div>{{text|w=bold|Name}}</div>
<div>{{text|w=bold|Default}}</div>
<div>{{text|w=bold|Example}}</div>
<div>{{text|w=bold|Result}}</div>
<div>{{text|w=bold|Description}}</div>
<div>1</div>
<div>Color</div>
<div>{{code|#0b0}} (green)</div>
<div>{{code|<nowiki>{{checkmark</nowiki>{{text|<nowiki>|blue</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
<div>{{checkmark|blue}}</div>
<div>'''''Optional:''''' background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
<div>{{code|w}}</div>
<div>Width</div>
<div>{{code|2rem}} (32 pixels)</div>
<div>{{code|<nowiki>{{checkmark</nowiki>{{text|<nowiki>|w=50px</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div>
<div>{{checkmark|w=50px}}</div>
<div>'''''Optional:''''' width as a [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length CSS length].</div>
</div>
<noinclude>
== [[:Category:ShapeTemplates]] ==
{{Category:ShapeTemplates}}

== Pages using {{FULLPAGENAME}} ==
{{Special:WhatLinksHere/{{FULLPAGENAME}}}}
</noinclude>

[[Category:ShapeTemplates]]

Template:Checkmark - Revision history

Sammy McSam: CSS shape() function baseline since February 2026

Sammy McSam: Created page with "{{warn|This template uses the [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape CSS shape() function] which is not yet supported in Firefox as of 2025-12-06}} == Para..."

Sammy McSam: Created page with "{{warn|This template uses the [https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shape CSS shape() function] which is not yet supported in Firefox as of 2025-12-06}}
== Para..."