| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#FontFaceElementAccentHeightAttribute", "accent-height")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{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 | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#FontFaceElementAlphabeticAttribute", "alphabetic")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#GlyphElementArabicFormAttribute", "arabic-form")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#FontFaceElementAscentAttribute", "ascent")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{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 | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#element-attrdef-feturbulence-basefrequency", "baseFrequency")}} | -{{Spec2("Filters 1.0")}} | -No change | -
| {{SpecName("SVG1.1", "filters.html#feTurbulenceBaseFrequencyAttribute", "baseFrequency")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS3 Inline", "#propdef-baseline-shift", "alignment-baseline")}} | -{{Spec2("CSS3 Inline")}} | -Removed the baseline value, as it is a redundant keyword within the {{SVGAttr("vertical-align")}} property. |
-
| {{SpecName("SVG2", "text.html#BaselineShiftProperty", "alignment-baseline")}} | -{{Spec2("SVG2")}} | -Refers to the definition in CSS Inline Layout and notes that {{SVGAttr("vertical-align")}} should be preferred. | -
| {{SpecName("SVG1.1", "text.html#BaselineShiftProperty", "alignment-baseline")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#FontFaceElementBboxAttribute", "bbox")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#element-attrdef-feconvolvematrix-bias", "bias")}} | -{{Spec2("Filters 1.0")}} | -No change | -
| {{SpecName("SVG1.1", "filters.html#feConvolveMatrixElementBiasAttribute", "bias")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG Animations 2", "#ByAttribute", "by")}} | -{{Spec2("SVG Animations 2")}} | -No change | -
| {{SpecName("SVG1.1", "animate.html#ByAttribute", "by")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#FontFaceElementCapHeightAttribute", "cap-height")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS Masks", "#the-clip-path", 'clip-path')}} | -{{Spec2('CSS Masks')}} | -Extends its application to HTML elements. The clip-path property replaces the deprecated {{cssxref("clip")}} property. |
-
| {{SpecName('SVG1.1', 'masking.html#ClipPathProperty', 'clip-path')}} | -{{Spec2('SVG1.1')}} | -Initial definition (applies to SVG elements only). | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName('CSS Masks', '#clip-property', 'clip')}} | -{{Spec2('CSS Masks')}} | -Deprecates clip property, suggests {{cssxref("clip-path")}} as replacement. |
-
| {{SpecName("SVG1.1", "masking.html#ClipProperty", "clip")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#ColorInterpolationFiltersProperty", "color-interpolation")}} | -{{Spec2("Filters 1.0")}} | -No significant change | -
| {{SpecName("SVG1.1", "painting.html#ColorInterpolationFiltersProperty", "color-interpolation-filters")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName('SVG2', 'painting.html#ColorInterpolation', 'color-interpolation')}} | -{{Spec2('SVG2')}} | -No significant change | -
| {{SpecName('SVG1.1', 'painting.html#ColorInterpolationProperty', 'color-interpolation')}} | -{{Spec2('SVG1.1')}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "color.html#ColorProfileProperty", "color-profile")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "painting.html#ColorProperty", "color")}} | -{{Spec2("SVG2")}} | -Removed the restriction to which elements it applies. | -
| {{SpecName("SVG1.1", "color.html#ColorProperty", "color")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "script.html#ContentScriptTypeAttribute", "contentScriptType")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "script.html#ContentScriptTypeAttribute", "contentScriptType")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName('SVG2', 'embedded.html#ImageElementCrossoriginAttribute', 'crossorigin attribute')}} | -{{Spec2('SVG2')}} | -- |
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName('SVG2', "struct.html#DataAttributes", "data-*")}} | -{{Spec2('SVG2')}} | -Custom data attributes are new in SVG 2. | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#FontFaceElementDescentAttribute", "descent")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#element-attrdef-fediffuselighting-diffuseconstant", "diffuseConstant")}} | -{{Spec2("Filters 1.0")}} | -No change | -
| {{SpecName("SVG1.1", "filters.html#feDiffuseLightingDiffuseConstantAttribute", "diffuseConstant")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS3 Writing Modes", "#direction", "direction")}} | -{{Spec2("CSS3 Writing Modes")}} | -Definition in CSS | -
| {{SpecName("SVG2", "text.html#DirectionProperty", "direction")}} | -{{Spec2("SVG2")}} | -Refers to the CSS Writing Modes specification of the direction property. |
-
| {{SpecName("SVG1.1", "text.html#DirectionProperty", "direction")}} | -{{Spec2('SVG1.1')}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "render.html#VisibilityControl", "display")}} | -{{Spec2("SVG2")}} | -Refers to the CSS 2 specification of the display property, but outlines the differences regarding SVG. |
-
| {{SpecName("SVG1.1", "painting.html#DisplayProperty", "display")}} | -{{Spec2('SVG1.1')}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#element-attrdef-feconvolvematrix-divisor", "divisor")}} | -{{Spec2("Filters 1.0")}} | -No change | -
| {{SpecName("SVG1.1", "filters.html#feConvolveMatrixElementDivisorAttribute", "divisor")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "text.html#DominantBaselineProperty", "dominant-baseline")}} | -{{Spec2("SVG2")}} | -Refers to the specification in {{Spec2("CSS3 Inline")}} and explicitly mentions the removal of the values use-script, no-change, and reset-size. |
-
| {{SpecName("CSS3 Inline", "#propdef-dominant-baseline", "dominant-baseline")}} | -{{Spec2("CSS3 Inline")}} | -Removed the values use-script, no-change, and reset-size and introduced the text-top value. |
-
| {{SpecName("SVG1.1", "text.html#DominantBaselineProperty", "dominant-baseline")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG Animations 2", "#DurAttribute", "dur")}} | -{{Spec2("SVG Animations 2")}} | -No change | -
| {{SpecName("SVG1.1", "animate.html#DurAttribute", "dur")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#element-attrdef-fedistantlight-elevation", "elevation")}} | -{{Spec2("Filters 1.0")}} | -No change | -
| {{SpecName("SVG1.1", "filters.html#feDistantLightElevationAttribute", "elevation")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "filters.html#EnableBackgroundProperty", "enable-background")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
Note: SVG2 introduces percentage values for fill-opacity, however, it is not widely supported yet (See Browser compatibility below) as a consequence, it is best practices to set opacity with a value in the range [0-1].
{{Compat}}
+{{Specifications}} -| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "painting.html#FillOpacityProperty", "fill-opacity")}} | -{{Spec2("SVG2")}} | -Definition for shapes and texts | -
| {{SpecName("SVG1.1", "painting.html#FillOpacityProperty", "fill-opacity")}} | -{{Spec2("SVG1.1")}} | -Initial definition for shapes and texts | -
{{Compat}}
diff --git a/files/en-us/web/svg/attribute/fill-rule/index.html b/files/en-us/web/svg/attribute/fill-rule/index.html index af0ce18094b3e42..7e52f4139590888 100644 --- a/files/en-us/web/svg/attribute/fill-rule/index.html +++ b/files/en-us/web/svg/attribute/fill-rule/index.html @@ -136,24 +136,4 @@| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "painting.html#FillRuleProperty", "fill-rule")}} | -{{Spec2("SVG2")}} | -Definition for shapes and text | -
| {{SpecName("SVG1.1", "painting.html#FillRuleProperty", "fill-rule")}} | -{{Spec2("SVG1.1")}} | -Initial definition for shapes and text | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG Animations 2", "#FillAttribute", "transform")}} | -{{Spec2("SVG Animations 2")}} | -Definition for animations | -
| {{SpecName("SVG2", "painting.html#FillProperty", "fill")}} | -{{Spec2("SVG2")}} | -Definition for shapes and texts. - Adds context-fill and context-stroke. |
-
| {{SpecName("SVG1.1", "animate.html#FillAttribute", "fill")}} | -{{Spec2("SVG1.1")}} | -Initial definition for animations | -
| {{SpecName("SVG1.1", "painting.html#FillProperty", "fill")}} | -{{Spec2("SVG1.1")}} | -Initial definition for shapes and texts | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#FilterProperty", "filter")}} | -{{Spec2("Filters 1.0")}} | -Extended the values by several special filter functions. | -
| {{SpecName("SVG1.1", "filters.html#FilterProperty", "filter")}} | -{{Spec2('SVG1.1')}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "filters.html#FilterElementFilterResAttribute", "filterRes")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#element-attrdef-filter-filterunits", "filterUnits")}} | -{{Spec2("Filters 1.0")}} | -Initial definition | -
| {{SpecName("SVG1.1", "filters.html#FilterElementFilterUnitsAttribute", "filterUnits")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#FloodColorProperty", "flood-color")}} | -{{Spec2("Filters 1.0")}} | -Removed the <icccolor> value and aligned the value to the CSS {{cssxref("color")}} value. | -
| {{SpecName("SVG1.1", "filters.html#FloodColorProperty", "flood-color")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("Filters 1.0", "#FloodOpacityProperty", "flood-opacity")}} | -{{Spec2("Filters 1.0")}} | -Aligned the value to the CSS <alpha-value> value. |
-
| {{SpecName("SVG1.1", "filters.html#FloodOpacityProperty", "flood-opacity")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS4 Fonts", "#generic-font-families", "generic font families")}} | -{{Spec2("CSS4 Fonts")}} | -Adds new generic font families, specifically: system-ui, emoji, math, and fangsong. |
-
| {{SpecName("CSS3 Fonts", "#font-family-prop", "font-family")}} | -{{Spec2("CSS3 Fonts")}} | -No significant change | -
| {{SpecName("SVG1.1", "text.html#FontFamilyProperty", "font-family")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS3 Fonts", "#font-size-adjust-prop", "font-size-adjust")}} | -{{Spec2("CSS3 Fonts")}} | -No change | -
| {{SpecName("SVG1.1", "text.html#FontSizeAdjustProperty", "font-size-adjust")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS3 Fonts", "#font-size-prop", "font-size")}} | -{{Spec2("CSS3 Fonts")}} | -No change | -
| {{SpecName("SVG1.1", "text.html#FontSizeProperty", "font-size")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS4 Fonts", "#propdef-font-stretch", "font-stretch")}} | -{{Spec2("CSS4 Fonts")}} | -Adds the <percentage> syntax for variable fonts. |
-
| {{SpecName("CSS3 Fonts", "#propdef-font-stretch", "font-stretch")}} | -{{Spec2("CSS3 Fonts")}} | -Initial definition of font-stretch in CSS Fonts |
-
| {{SpecName("SVG1.1", "text.html#FontStretchProperty", "font-stretch")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS4 Fonts", "#font-style-prop", "font-style")}} | -{{Spec2("CSS4 Fonts")}} | -No change | -
| {{SpecName("CSS3 Fonts", "#font-style-prop", "font-style")}} | -{{Spec2("CSS3 Fonts")}} | -No change | -
| {{SpecName("SVG1.1", "text.html#FontStyleProperty", "font-style")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS4 Fonts", "#font-variant-prop", "font-variant")}} | -{{Spec2("CSS4 Fonts")}} | -No change | -
| {{SpecName("CSS3 Fonts", "#font-variant-prop", "font-variant")}} | -{{Spec2("CSS3 Fonts")}} | -Added many more keywords for different types of variations. | -
| {{SpecName("SVG1.1", "text.html#FontVariantProperty", "font-variant")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("CSS4 Fonts", "#font-weight-prop", "font-weight")}} | -{{Spec2("CSS4 Fonts")}} | -Defines font-weight to accept any numbers between 1 and 1000. |
-
| {{SpecName("CSS3 Fonts", "#font-weight-prop", "font-weight")}} | -{{Spec2("CSS3 Fonts")}} | -No change | -
| {{SpecName("SVG1.1", "text.html#FontWeightProperty", "font-weight")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "text.html#GlyphRefElementFormatAttribute", "format for <glyphRef>")}} | -{{Spec2("SVG1.1")}} | -Initial definition for <glyphRef> |
-
| {{SpecName("SVG1.1", "text.html#AltGlyphElementFormatAttribute", "format for <altGlyph>")}} | -{{Spec2("SVG1.1")}} | -Initial definition for <altGlyph> |
-
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "pservers.html#RadialGradientElementFRAttribute", "fr")}} | -{{Spec2("SVG2")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG Animations 2", "#FromAttribute", "from")}} | -{{Spec2("SVG Animations 2")}} | -No change | -
| {{SpecName("SVG1.1", "animate.html#FromAttribute", "from")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "pservers.html#RadialGradientElementFXAttribute", "fx")}} | -{{Spec2("SVG2")}} | -No change | -
| {{SpecName("SVG1.1", "pservers.html#RadialGradientElementFXAttribute", "fx")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG2", "pservers.html#RadialGradientElementFYAttribute", "fy")}} | -{{Spec2("SVG2")}} | -No change | -
| {{SpecName("SVG1.1", "pservers.html#RadialGradientElementFYAttribute", "fy")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -
| Specification | -Status | -Comment | -
|---|---|---|
| {{SpecName("SVG1.1", "fonts.html#HKernElementG1Attribute", "g1")}} | -{{Spec2("SVG1.1")}} | -Initial definition | -