From 0369e0246ffd67158c56e74bc33fbb39c79474dd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= Date: Fri, 26 Feb 2021 22:51:30 +0100 Subject: [PATCH] Clean up flaws and indents of SVG/attributes/a MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: André Jaenisch --- .../svg/attribute/accent-height/index.html | 60 +++--- .../web/svg/attribute/accumulate/index.html | 76 ++++---- .../web/svg/attribute/additive/index.html | 76 ++++---- .../attribute/alignment-baseline/index.html | 174 +++++++++--------- .../web/svg/attribute/alphabetic/index.html | 58 +++--- .../web/svg/attribute/amplitude/index.html | 68 +++---- .../web/svg/attribute/arabic-form/index.html | 74 ++++---- .../en-us/web/svg/attribute/ascent/index.html | 56 +++--- .../svg/attribute/attributename/index.html | 72 ++++---- .../web/svg/attribute/azimuth/index.html | 66 +++---- files/en-us/web/svg/attribute/index.html | 2 - files/en-us/web/svg/index.html | 60 +++--- 12 files changed, 416 insertions(+), 426 deletions(-) diff --git a/files/en-us/web/svg/attribute/accent-height/index.html b/files/en-us/web/svg/attribute/accent-height/index.html index f719dc47ed78023..d1471665ed80312 100644 --- a/files/en-us/web/svg/attribute/accent-height/index.html +++ b/files/en-us/web/svg/attribute/accent-height/index.html @@ -18,39 +18,39 @@

font-face

For {{SVGElement("font-face")}}, accent-height defines the distance from the origin to the top of accent characters, measured by a distance within the font coordinate system.

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Value<number>
Default valueValue of {{SVGAttr("ascent")}}
AnimatableNo
Value<number>
Default valueValue of {{SVGAttr("ascent")}}
AnimatableNo

Specifications

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#FontFaceElementAccentHeightAttribute", "accent-height")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#FontFaceElementAccentHeightAttribute", "accent-height")}}{{Spec2("SVG1.1")}}Initial definition

Browser compatibility

@@ -60,6 +60,6 @@

Browser compatibility

See also

diff --git a/files/en-us/web/svg/attribute/accumulate/index.html b/files/en-us/web/svg/attribute/accumulate/index.html index 981a28746374d3b..06fb9b46518d0af 100644 --- a/files/en-us/web/svg/attribute/accumulate/index.html +++ b/files/en-us/web/svg/attribute/accumulate/index.html @@ -18,27 +18,27 @@

Usage notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Valuenone | sum
Default valuenone
AnimatableNo
Valuenone | sum
Default valuenone
AnimatableNo
-
sum
-
Specifies that each repeat iteration after the first builds upon the last value of the previous iteration.
-
none
-
Specifies that repeat iterations are not cumulative.
+
sum
+
Specifies that each repeat iteration after the first builds upon the last value of the previous iteration.
+
none
+
Specifies that repeat iterations are not cumulative.

This attribute is ignored if the target attribute value does not support addition, or if the animation element does not repeat.

@@ -48,29 +48,29 @@

Usage notes

Specifications

- - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG Animations 2", "#AccumulateAttribute", "accumulate")}}{{Spec2("SVG Animations 2")}}No change
{{SpecName("SVG1.1", "animate.html#AccumulateAttribute", "accumulate")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("SVG Animations 2", "#AccumulateAttribute", "accumulate")}}{{Spec2("SVG Animations 2")}}No change
{{SpecName("SVG1.1", "animate.html#AccumulateAttribute", "accumulate")}}{{Spec2("SVG1.1")}}Initial definition

See also

diff --git a/files/en-us/web/svg/attribute/additive/index.html b/files/en-us/web/svg/attribute/additive/index.html index 618dace1d2de5d3..b4df65545642299 100644 --- a/files/en-us/web/svg/attribute/additive/index.html +++ b/files/en-us/web/svg/attribute/additive/index.html @@ -18,55 +18,55 @@

Usage notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Valuereplace | sum
Default valuereplace
AnimatableNo
Valuereplace | sum
Default valuereplace
AnimatableNo
-
sum
-
Specifies that the animation will add to the underlying value of the attribute and other lower priority animations.
-
replace
-
Specifies that the animation will override the underlying value of the attribute and other lower priority animations. This is the default, however the behavior is also affected by the animation value attributes {{SVGAttr("by")}} and {{SVGAttr("to")}}, as described in SMIL Animation: How from, to and by attributes affect additive behavior.
+
sum
+
Specifies that the animation will add to the underlying value of the attribute and other lower priority animations.
+
replace
+
Specifies that the animation will override the underlying value of the attribute and other lower priority animations. This is the default, however the behavior is also affected by the animation value attributes {{SVGAttr("by")}} and {{SVGAttr("to")}}, as described in SMIL Animation: How from, to and by attributes affect additive behavior.

Specifications

- - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG Animations 2", "#AdditiveAttribute", "additive")}}{{Spec2("SVG Animations 2")}}No change
{{SpecName("SVG1.1", "animate.html#AdditiveAttribute", "additive")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("SVG Animations 2", "#AdditiveAttribute", "additive")}}{{Spec2("SVG Animations 2")}}No change
{{SpecName("SVG1.1", "animate.html#AdditiveAttribute", "additive")}}{{Spec2("SVG1.1")}}Initial definition

See also

diff --git a/files/en-us/web/svg/attribute/alignment-baseline/index.html b/files/en-us/web/svg/attribute/alignment-baseline/index.html index 137e6114f8ead7c..95165a778a96213 100644 --- a/files/en-us/web/svg/attribute/alignment-baseline/index.html +++ b/files/en-us/web/svg/attribute/alignment-baseline/index.html @@ -16,71 +16,71 @@

Usage notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Valueauto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | top | center | bottom
Default valueauto
AnimatableYes
Valueauto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | top | center | bottom
Default valueauto
AnimatableYes
-
auto {{deprecated_inline}}
-
The value is the dominant-baseline of the script to which the character belongs - i.e., use the dominant-baseline of the parent.
-
baseline
-
Uses the {{Glossary("dominant baseline")}} choice of the parent. Matches the box’s corresponding {{Glossary("baseline")}} to that of its parent.
-
before-edge {{deprecated_inline}}
-
The alignment-point of the object being aligned is aligned with the "before-edge" baseline of the parent text content element.
-
text-bottom
-
Matches the bottom of the box to the top of the parent’s content area.
-
text-before-edge
-
-

The alignment-point of the object being aligned is aligned with the "text-before-edge" baseline of the parent text content element.

- -

Note: This keyword may be mapped to text-top.

-
-
middle
-
Aligns the vertical midpoint of the box with the baseline of the parent box plus half the x-height of the parent.
-
central
-
Matches the box’s central baseline to the central baseline of its parent.
-
after-edge {{deprecated_inline}}
-
-

The alignment-point of the object being aligned is aligned with the "after-edge" baseline of the parent text content element.

-
-
text-top
-
Matches the top of the box to the top of the parent’s content area.
-
text-after-edge
-
-

The alignment-point of the object being aligned is aligned with the "text-after-edge" baseline of the parent text content element.

- -

Note: This keyword may be mapped to text-bottom.

-
-
ideographic
-
Matches the box’s ideographic character face under-side baseline to that of its parent.
-
alphabetic
-
Matches the box’s alphabetic baseline to that of its parent.
-
hanging
-
-

The alignment-point of the object being aligned is aligned with the "hanging" baseline of the parent text content element.

-
-
mathematical
-
Matches the box’s mathematical baseline to that of its parent.
-
top
-
-

Aligns the top of the aligned subtree with the top of the line box.

-
-
center
-
Aligns the center of the aligned subtree with the center of the line box.
-
bottom
-
Aligns the bottom of the aligned subtree with the bottom of the line box.
+
auto {{deprecated_inline}}
+
The value is the dominant-baseline of the script to which the character belongs - i.e., use the dominant-baseline of the parent.
+
baseline
+
Uses the {{Glossary("dominant baseline")}} choice of the parent. Matches the box’s corresponding {{Glossary("baseline")}} to that of its parent.
+
before-edge {{deprecated_inline}}
+
The alignment-point of the object being aligned is aligned with the "before-edge" baseline of the parent text content element.
+
text-bottom
+
Matches the bottom of the box to the top of the parent’s content area.
+
text-before-edge
+
+

The alignment-point of the object being aligned is aligned with the "text-before-edge" baseline of the parent text content element.

+ +

Note: This keyword may be mapped to text-top.

+
+
middle
+
Aligns the vertical midpoint of the box with the baseline of the parent box plus half the x-height of the parent.
+
central
+
Matches the box’s central baseline to the central baseline of its parent.
+
after-edge {{deprecated_inline}}
+
+

The alignment-point of the object being aligned is aligned with the "after-edge" baseline of the parent text content element.

+
+
text-top
+
Matches the top of the box to the top of the parent’s content area.
+
text-after-edge
+
+

The alignment-point of the object being aligned is aligned with the "text-after-edge" baseline of the parent text content element.

+ +

Note: This keyword may be mapped to text-bottom.

+
+
ideographic
+
Matches the box’s ideographic character face under-side baseline to that of its parent.
+
alphabetic
+
Matches the box’s alphabetic baseline to that of its parent.
+
hanging
+
+

The alignment-point of the object being aligned is aligned with the "hanging" baseline of the parent text content element.

+
+
mathematical
+
Matches the box’s mathematical baseline to that of its parent.
+
top
+
+

Aligns the top of the aligned subtree with the top of the line box.

+
+
center
+
Aligns the center of the aligned subtree with the center of the line box.
+
bottom
+
Aligns the bottom of the aligned subtree with the bottom of the line box.

SVG 2 introduces some changes to the definition of this property. In particular: the values auto, before-edge, and after-edge have been removed. For backwards compatibility, text-before-edge may be mapped to text-top and text-after-edge to text-bottom. Neither text-before-edge nor text-after-edge should be used with the {{cssxref("vertical-align")}} property.

@@ -127,30 +127,30 @@

Example

Specifications

- - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("CSS3 Inline", "#propdef-alignment-baseline", "alignment-baseline")}}{{Spec2("CSS3 Inline")}}No change
{{SpecName("SVG2", "text.html#AlignmentBaselineProperty", "alignment-baseline")}}{{Spec2("SVG2")}}Refers to the definition in CSS Inline Layout and notes the changes to auto, before-edge, after-edge, text-before-edge, and text-after-edge
{{SpecName("SVG1.1", "text.html#AlignmentBaselineProperty", "alignment-baseline")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("CSS3 Inline", "#propdef-alignment-baseline", "alignment-baseline")}}{{Spec2("CSS3 Inline")}}No change
{{SpecName("SVG2", "text.html#AlignmentBaselineProperty", "alignment-baseline")}}{{Spec2("SVG2")}}Refers to the definition in CSS Inline Layout and notes the changes to auto, before-edge, after-edge, text-before-edge, and text-after-edge
{{SpecName("SVG1.1", "text.html#AlignmentBaselineProperty", "alignment-baseline")}}{{Spec2("SVG1.1")}}Initial definition

Browser compatibility

@@ -160,5 +160,5 @@

Browser compatibility

See also

diff --git a/files/en-us/web/svg/attribute/alphabetic/index.html b/files/en-us/web/svg/attribute/alphabetic/index.html index 2201e5ad6378239..39ce54d9f9e6a3a 100644 --- a/files/en-us/web/svg/attribute/alphabetic/index.html +++ b/files/en-us/web/svg/attribute/alphabetic/index.html @@ -17,39 +17,39 @@

Usage notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Value{{cssxref("number")}}
Default value0
AnimatableNo
Value{{cssxref("number")}}
Default value0
AnimatableNo

Specifications

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#FontFaceElementAlphabeticAttribute", "alphabetic")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#FontFaceElementAlphabeticAttribute", "alphabetic")}}{{Spec2("SVG1.1")}}Initial definition

Browser compatibility

@@ -59,5 +59,5 @@

Browser compatibility

See also

diff --git a/files/en-us/web/svg/attribute/amplitude/index.html b/files/en-us/web/svg/attribute/amplitude/index.html index d80b7243af5a2c4..fa943f95d24b83d 100644 --- a/files/en-us/web/svg/attribute/amplitude/index.html +++ b/files/en-us/web/svg/attribute/amplitude/index.html @@ -15,48 +15,48 @@

Usage notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Value<number>
Default value1
AnimatableYes
Value<number>
Default value1
AnimatableYes

Specifications

- - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("Filters 1.0", "#element-attrdef-fecomponenttransfer-amplitude", "amplitude")}}{{Spec2("Filters 1.0")}}No change
{{SpecName("SVG1.1", "filters.html#feComponentTransferAmplitudeAttribute", "amplitude")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("Filters 1.0", "#element-attrdef-fecomponenttransfer-amplitude", "amplitude")}}{{Spec2("Filters 1.0")}}No change
{{SpecName("SVG1.1", "filters.html#feComponentTransferAmplitudeAttribute", "amplitude")}}{{Spec2("SVG1.1")}}Initial definition

See also

diff --git a/files/en-us/web/svg/attribute/arabic-form/index.html b/files/en-us/web/svg/attribute/arabic-form/index.html index 09bb539be266ac3..b9036b14f15929c 100644 --- a/files/en-us/web/svg/attribute/arabic-form/index.html +++ b/files/en-us/web/svg/attribute/arabic-form/index.html @@ -15,50 +15,50 @@

Context notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Valueinitial | medial | terminal | isolated
Default valueisolated
AnimatableNo
Valueinitial | medial | terminal | isolated
Default valueisolated
AnimatableNo
-
initial
-
This value indicates that the glyph represents the initial form.
-
medial
-
This value indicates that the glyph represents the medial form.
-
terminal
-
This value indicates that the glyph represents the terminal form.
-
isolated
-
This value indicates that the glyph represents the isolated form.
+
initial
+
This value indicates that the glyph represents the initial form.
+
medial
+
This value indicates that the glyph represents the medial form.
+
terminal
+
This value indicates that the glyph represents the terminal form.
+
isolated
+
This value indicates that the glyph represents the isolated form.

Specifications

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#GlyphElementArabicFormAttribute", "arabic-form")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#GlyphElementArabicFormAttribute", "arabic-form")}}{{Spec2("SVG1.1")}}Initial definition

Browser compatibility

@@ -68,5 +68,5 @@

Browser compatibility

See also

diff --git a/files/en-us/web/svg/attribute/ascent/index.html b/files/en-us/web/svg/attribute/ascent/index.html index 25fc3a462c6067c..366ca75c1b81c9d 100644 --- a/files/en-us/web/svg/attribute/ascent/index.html +++ b/files/en-us/web/svg/attribute/ascent/index.html @@ -20,39 +20,39 @@

font-face

For {{SVGElement("font-face")}}, ascent defines the maximum unaccented height of the font within the font coordinate system.

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Value<number>
Default valueDifference between {{SVGAttr("units-per-em")}} and {{SVGAttr("vert-origin-y")}}
AnimatableNo
Value<number>
Default valueDifference between {{SVGAttr("units-per-em")}} and {{SVGAttr("vert-origin-y")}}
AnimatableNo

Specifications

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#FontFaceElementAscentAttribute", "ascent")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("SVG1.1", "fonts.html#FontFaceElementAscentAttribute", "ascent")}}{{Spec2("SVG1.1")}}Initial definition

Browser compatibility

diff --git a/files/en-us/web/svg/attribute/attributename/index.html b/files/en-us/web/svg/attribute/attributename/index.html index 58c4f977bdf1085..deb4093c474fafe 100644 --- a/files/en-us/web/svg/attribute/attributename/index.html +++ b/files/en-us/web/svg/attribute/attributename/index.html @@ -32,53 +32,53 @@

Usage notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Value<name>
Default valueNone
AnimatableNo
Value<name>
Default valueNone
AnimatableNo
-
<name>
-
This value indicates the name of the CSS property or attribute of the target element to be animated.
+
<name>
+
This value indicates the name of the CSS property or attribute of the target element to be animated.

Specifications

- - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG Animations 2", "#AttributeNameAttribute", "attributeName")}}{{Spec2("SVG Animations 2")}}No change
{{SpecName("SVG1.1", "animate.html#AttributeNameAttribute", "attributeName")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("SVG Animations 2", "#AttributeNameAttribute", "attributeName")}}{{Spec2("SVG Animations 2")}}No change
{{SpecName("SVG1.1", "animate.html#AttributeNameAttribute", "attributeName")}}{{Spec2("SVG1.1")}}Initial definition

See also

diff --git a/files/en-us/web/svg/attribute/azimuth/index.html b/files/en-us/web/svg/attribute/azimuth/index.html index f7893e773bb5e17..dcf3997fd892ace 100644 --- a/files/en-us/web/svg/attribute/azimuth/index.html +++ b/files/en-us/web/svg/attribute/azimuth/index.html @@ -41,44 +41,44 @@

Usage notes

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
Value{{cssxref("number")}}
Default value0
AnimatableYes
Value{{cssxref("number")}}
Default value0
AnimatableYes

Specifications

- - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("Filters 1.0", "#element-attrdef-fedistantlight-azimuth", "azimuth")}}{{Spec2("Filters 1.0")}}No change
{{SpecName("SVG1.1", "filters.html#feDistantLightAzimuthAttribute", "azimuth")}}{{Spec2("SVG1.1")}}Initial definition
SpecificationStatusComment
{{SpecName("Filters 1.0", "#element-attrdef-fedistantlight-azimuth", "azimuth")}}{{Spec2("Filters 1.0")}}No change
{{SpecName("SVG1.1", "filters.html#feDistantLightAzimuthAttribute", "azimuth")}}{{Spec2("SVG1.1")}}Initial definition

Browser compatibility

diff --git a/files/en-us/web/svg/attribute/index.html b/files/en-us/web/svg/attribute/index.html index 00b4e464bee4929..5ccf713853ffa54 100644 --- a/files/en-us/web/svg/attribute/index.html +++ b/files/en-us/web/svg/attribute/index.html @@ -26,14 +26,12 @@

A

  • {{SVGAttr("accumulate")}}
  • {{SVGAttr("additive")}}
  • {{SVGAttr("alignment-baseline")}}
    • -
  • {{SVGAttr("allowReorder")}}
  • {{SVGAttr("alphabetic")}}
  • {{SVGAttr("amplitude")}}
  • {{SVGAttr("arabic-form")}}
  • {{SVGAttr("ascent")}}
  • {{SVGAttr("attributeName")}}
  • {{SVGAttr("attributeType")}}
    • -
  • {{SVGAttr("autoReverse")}}
  • {{SVGAttr("azimuth")}}
    • diff --git a/files/en-us/web/svg/index.html b/files/en-us/web/svg/index.html index a580f0f90cfeeed..17e8cd706546b05 100644 --- a/files/en-us/web/svg/index.html +++ b/files/en-us/web/svg/index.html @@ -27,48 +27,42 @@

    Getting Started with SVG

    SVG has been developed by the World Wide Web Consortium (W3C) since 1999.

    -
    -

    Documentation

    -
    SVG element reference
    -
    Details about each SVG element.
    -
    SVG attribute reference
    -
    Details about each SVG attribute.
    -
    SVG DOM interface reference
    -
    Details about the SVG DOM API, for interaction with JavaScript.
    -
    Applying SVG effects to HTML content
    -
    SVG works together with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Use SVG to enhance a regular HTML page or web application.
    +
    SVG element reference
    +
    Details about each SVG element.
    +
    SVG attribute reference
    +
    Details about each SVG attribute.
    +
    SVG DOM interface reference
    +
    Details about the SVG DOM API, for interaction with JavaScript.
    +
    Applying SVG effects to HTML content
    +
    SVG works together with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Use SVG to enhance a regular HTML page or web application.

    Community

      -
    • View Mozilla forums... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}
      • +
    • View Mozilla forums... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}

    Tools

    -
    -

    Animation and interactions

    @@ -76,10 +70,10 @@

    Animation and interactions

    Like HTML, SVG has a document model (DOM) and events, and is accessible from JavaScript. This allows developers to create rich animations and interactive images.

    Mapping, charting, games & 3D experiments

    @@ -87,10 +81,8 @@

    Mapping, charting, games & 3D

    While a little SVG can go a long way to enhanced web content, here are some examples of heavy SVG usage.

      -
    • Connect 4
      • -
    • jVectorMap (interactive maps for data visualization)
      • -
    • JointJS (JavaScript diagramming library)
      • -
    • D3 ( JavaScript library for visualizing data with HTML, SVG, and CSS )
      • +
    • Connect 4
      • +
    • jVectorMap (interactive maps for data visualization)
      • +
    • JointJS (JavaScript diagramming library)
      • +
    • D3 ( JavaScript library for visualizing data with HTML, SVG, and CSS )
    -

    -