From 9f5ac084f9f49dfc89af32a9163807ab4c9749de Mon Sep 17 00:00:00 2001 From: "Eric A. Meyer" Date: Thu, 15 Aug 2024 10:40:47 -0400 Subject: [PATCH 1/5] Add five SVG-based CSS properties --- css/properties.json | 80 ++++++++++++++++++++++++++++++++++++++ css/properties.schema.json | 5 +++ l10n/css.json | 15 +++++++ 3 files changed, 100 insertions(+) diff --git a/css/properties.json b/css/properties.json index a76840de..ffe72653 100644 --- a/css/properties.json +++ b/css/properties.json @@ -4107,6 +4107,22 @@ "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clip-path" }, + "clip-rule": { + "syntax": "nonzero | evenodd", + "media": "visual", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "nonzero", + "appliesto": "limitedSVGElementsGraphics", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clip-rule" + }, "color": { "syntax": "", "media": "visual", @@ -4128,6 +4144,22 @@ "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color" }, + "color-interpolation-filters": { + "syntax": "auto | sRGB | linearRGB", + "media": "visual", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "linearRGB", + "appliesto": "limitedSVGElementsFilterPrimitives", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clip-rule" + }, "color-scheme": { "syntax": "normal | [ light | dark | ]+ && only?", "media": "visual", @@ -4653,6 +4685,22 @@ "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/display" }, + "dominant-baseline": { + "syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top", + "media": "all", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "auto", + "appliesto": "blockContainersFlexContainersGridContainersInlineBoxesTableRowsSVGTextContentElements", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/dominant-baseline" + }, "empty-cells": { "syntax": "show | hide", "media": "visual", @@ -9312,6 +9360,22 @@ "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/text-align-last" }, + "text-anchor": { + "syntax": "start | middle | end", + "media": "visual", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "start", + "appliesto": "limitedSVGElementsTextContent", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/text-anchor" + }, "text-combine-upright": { "syntax": "none | all | [ digits ? ]", "media": "visual", @@ -10065,6 +10129,22 @@ "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/user-select" }, + "vector-effect": { + "syntax": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position", + "media": "visual", + "inherited": false, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "start", + "appliesto": "limitedSVGElementsGraphicsAndUse", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/vector-effect" + }, "vertical-align": { "syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | | ", "media": "visual", diff --git a/css/properties.schema.json b/css/properties.schema.json index 0a527156..a2482be0 100644 --- a/css/properties.schema.json +++ b/css/properties.schema.json @@ -204,6 +204,7 @@ "blockContainersExceptMultiColumnContainers", "blockContainersExceptTableWrappers", "blockContainersFlexContainersGridContainers", + "blockContainersFlexContainersGridContainersInlineBoxesTableRowsSVGTextContentElements", "blockContainersMultiColumnContainersFlexContainersGridContainers", "blockElementsInNormalFlow", "blockLevelElements", @@ -242,7 +243,11 @@ "limitedSVGElementsCircle", "limitedSVGElementsEllipse", "limitedSVGElementsEllipseRect", + "limitedSVGElementsFilterPrimitives", "limitedSVGElementsGeometry", + "limitedSVGElementsGraphics", + "limitedSVGElementsGraphicsAndUse", + "limitedSVGElementsTextContent", "listItems", "maskElements", "multicolElements", diff --git a/l10n/css.json b/l10n/css.json index 4a635830..d1360998 100644 --- a/l10n/css.json +++ b/l10n/css.json @@ -549,6 +549,9 @@ "en-US": "Block-containers, flex containers, and grid containers", "ja": "ブロックコンテナー, フレックスコンテナー, グリッドコンテナー" }, + "blockContainersFlexContainersGridContainersInlineBoxesTableRowsSVGTextContentElements": { + "en-US": "Block-containers, flex containers, grid containers, inline boxes, table rows, and SVG text content elements" + }, "blockContainersMultiColumnContainersFlexContainersGridContainers": { "en-US": "Block-containers, multi-column containers, flex containers" }, @@ -971,6 +974,18 @@ "limitedSVGElementsEllipseRect": { "en-US": "{{SVGElement(\"ellipse\")}} and {{SVGElement(\"rect\")}} elements in {{SVGElement(\"svg\")}}" }, + "limitedSVGElementsFilterPrimitives": { + "en-US": "The set of elements that control the output of a {{SVGElement(\"filter\")}} element in {{SVGElement(\"svg\")}}" + }, + "limitedSVGElementsGraphics": { + "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"foreignObject\")}}, {{SVGElement(\"image\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}" + }, + "limitedSVGElementsGraphicsAndUse": { + "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"foreignObject\")}}, {{SVGElement(\"image\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"use\")}}, {{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}" + }, + "limitedSVGElementsTextContent": { + "en-US": "{{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}} , and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}" + }, "listEachItemConsistingOfAbsoluteLengthPercentageAndOrigin": { "de": "Eine Liste, bei der jeder Eintrag aus einem Versatz besteht, der durch eine Kombination aus absoluter Länge und einem Prozentsatz plus einem Ursprungsschlüsselwort definiert wird", "en-US": "A list, each item consisting of: an offset given as a combination of an absolute length and a percentage, plus an origin keyword", From 822b987502e08ebbb1f7cb4904b616ede340937a Mon Sep 17 00:00:00 2001 From: "Eric A. Meyer" Date: Thu, 15 Aug 2024 13:15:35 -0400 Subject: [PATCH 2/5] Add one more SVG-based CSS property --- css/properties.json | 16 ++++++++++++++++ css/properties.schema.json | 1 + l10n/css.json | 3 +++ 3 files changed, 20 insertions(+) diff --git a/css/properties.json b/css/properties.json index ffe72653..d6512351 100644 --- a/css/properties.json +++ b/css/properties.json @@ -9293,6 +9293,22 @@ "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/shape-outside" }, + "shape-rendering": { + "syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision", + "media": "visual", + "inherited": false, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "CSS Shapes" + ], + "initial": "auto", + "appliesto": "limitedSVGElementsShapes", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/shape-outside" + }, "tab-size": { "syntax": " | ", "media": "visual", diff --git a/css/properties.schema.json b/css/properties.schema.json index a2482be0..2a90d288 100644 --- a/css/properties.schema.json +++ b/css/properties.schema.json @@ -247,6 +247,7 @@ "limitedSVGElementsGeometry", "limitedSVGElementsGraphics", "limitedSVGElementsGraphicsAndUse", + "limitedSVGElementsShapes", "limitedSVGElementsTextContent", "listItems", "maskElements", diff --git a/l10n/css.json b/l10n/css.json index d1360998..b57e00de 100644 --- a/l10n/css.json +++ b/l10n/css.json @@ -983,6 +983,9 @@ "limitedSVGElementsGraphicsAndUse": { "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"foreignObject\")}}, {{SVGElement(\"image\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"use\")}}, {{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}" }, + "limitedSVGElementsShapes": { + "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, and {{SVGElement(\"rect\")}} elements in {{SVGElement(\"svg\")}}" + }, "limitedSVGElementsTextContent": { "en-US": "{{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}} , and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}" }, From 8a3dfb6a8447c606167f75337171ba71d92896fe Mon Sep 17 00:00:00 2001 From: "Eric A. Meyer" Date: Thu, 15 Aug 2024 13:32:04 -0400 Subject: [PATCH 3/5] First shape marker --- css/properties.json | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/css/properties.json b/css/properties.json index d6512351..00bf2f12 100644 --- a/css/properties.json +++ b/css/properties.json @@ -6746,6 +6746,22 @@ "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/margin-trim" }, + "marker": { + "syntax": "none | ", + "media": "visual", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "not defined", + "appliesto": "limitedSVGElementsShapes", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/marker" + }, "mask": { "syntax": "#", "media": "visual", From 5697e05f06f23ca536e72292b6d1248fa1b3c0c8 Mon Sep 17 00:00:00 2001 From: "Eric A. Meyer" Date: Thu, 15 Aug 2024 14:08:27 -0400 Subject: [PATCH 4/5] Add marker CSS SVG properties --- css/properties.json | 56 +++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 54 insertions(+), 2 deletions(-) diff --git a/css/properties.json b/css/properties.json index 00bf2f12..380178af 100644 --- a/css/properties.json +++ b/css/properties.json @@ -6747,7 +6747,7 @@ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/margin-trim" }, "marker": { - "syntax": "none | ", + "syntax": "none | ", "media": "visual", "inherited": true, "animationType": "discrete", @@ -6755,13 +6755,65 @@ "groups": [ "Scalable Vector Graphics" ], - "initial": "not defined", + "initial": [ + "marker-start", + "marker-mid", + "marker-end" + ], "appliesto": "limitedSVGElementsShapes", "computed": "asSpecified", "order": "perGrammar", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/marker" }, + "marker-end": { + "syntax": "none | ", + "media": "visual", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "none", + "appliesto": "limitedSVGElementsShapes", + "computed": "asSpecifiedURLsAbsolute", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/marker-end" + }, + "marker-mid": { + "syntax": "none | ", + "media": "visual", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "none", + "appliesto": "limitedSVGElementsShapes", + "computed": "asSpecifiedURLsAbsolute", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/marker-mid" + }, + "marker-start": { + "syntax": "none | ", + "media": "visual", + "inherited": true, + "animationType": "discrete", + "percentages": "no", + "groups": [ + "Scalable Vector Graphics" + ], + "initial": "none", + "appliesto": "limitedSVGElementsShapes", + "computed": "asSpecifiedURLsAbsolute", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/marker-start" + }, "mask": { "syntax": "#", "media": "visual", From c5b2348a5696d23532dbcb62fafe4bab3709070a Mon Sep 17 00:00:00 2001 From: "Eric A. Meyer" Date: Tue, 20 Aug 2024 09:21:17 -0400 Subject: [PATCH 5/5] Apply suggestions from code review wbamberg corrections Co-authored-by: wbamberg --- css/properties.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/properties.json b/css/properties.json index 380178af..ff4a5872 100644 --- a/css/properties.json +++ b/css/properties.json @@ -9375,7 +9375,7 @@ "computed": "asSpecified", "order": "perGrammar", "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/shape-outside" + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/shape-rendering" }, "tab-size": { "syntax": " | ", @@ -10222,7 +10222,7 @@ "groups": [ "Scalable Vector Graphics" ], - "initial": "start", + "initial": "none", "appliesto": "limitedSVGElementsGraphicsAndUse", "computed": "asSpecified", "order": "perGrammar",