From 9d6c5733b3c19597ec5084513a07de09dfcf0de4 Mon Sep 17 00:00:00 2001 From: wbamberg Date: Fri, 22 Sep 2023 15:56:07 -0700 Subject: [PATCH] Updates to match template --- .../web/css/basic-shape/polygon/index.md | 20 +++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/files/en-us/web/css/basic-shape/polygon/index.md b/files/en-us/web/css/basic-shape/polygon/index.md index a91e7fd9835c5d3..35713cf51894ed8 100644 --- a/files/en-us/web/css/basic-shape/polygon/index.md +++ b/files/en-us/web/css/basic-shape/polygon/index.md @@ -13,11 +13,19 @@ The **`polygon()`** [CSS](/en-US/docs/Web/CSS) function is one of the {{cssxref( ## Syntax -```css -clip-path: polygon(50% 2.4%, 34.5% 33.8%, 0% 38.8%, 25% 63.1%, 19.1% 97.6%); -clip-path: polygon(0px 0px, 200px 100px, 0px 200px); -clip-path: polygon(0% 0px, 100% 100px, 0px 100%); -clip-path: polygon(0 0, 50% 1rem, 100% 2vw, calc(100% - 20px) 100%, 0 100%); +```css-nolint + +/* Specified as coordinate list */ +/* polygon( , ... )*/ +polygon(50% 2.4%, 34.5% 33.8%, 0% 38.8%, 25% 63.1%, 19.1% 97.6%) +polygon(0px 0px, 200px 100px, 0px 200px) +polygon(0% 0px, 100% 100px, 0px 100%) +polygon(0 0, 50% 1rem, 100% 2vw, calc(100% - 20px) 100%, 0 100%) + +/* Specified as coordinate list and fill rule*/ +/* polygon( , ... )*/ +polygon(nonzero, 0% 0%, 50% 50%, 0% 100%) +polygon(evenodd, 0% 0%, 50% 50%, 0% 100%) ``` ### Values @@ -27,7 +35,7 @@ clip-path: polygon(0 0, 50% 1rem, 100% 2vw, calc(100% - 20px) 100%, 0 100%); - {{cssxref("length-percentage")}} - : Each vertex of the polygon is represented with a pair of `` values, which give the coordinates of the vertex relative to the shape's [reference box](/en-US/docs/Web/CSS/CSS_shapes/Basic_shapes#the_reference_box). -### Formal syntax +## Formal syntax {{csssyntax}}