diff --git a/master/coords.html b/master/coords.html index 55ff065a..a26387e0 100644 --- a/master/coords.html +++ b/master/coords.html @@ -1465,12 +1465,12 @@

Vector effects

visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete diff --git a/master/definitions.xml b/master/definitions.xml index 0a3fae73..7854ba71 100644 --- a/master/definitions.xml +++ b/master/definitions.xml @@ -1219,6 +1219,7 @@ + diff --git a/master/geometry.html b/master/geometry.html index da0e4294..b718b535 100644 --- a/master/geometry.html +++ b/master/geometry.html @@ -57,11 +57,11 @@

Horizontal center coordinate: The Computed value: - absolute length or percentage + an absolute length or percentage - Animatable: - yes + Animation type: + by computed value @@ -103,11 +103,11 @@

Vertical center coordinate: The 'cy' Computed value: - absolute length or percentage + an absolute length or percentage - Animatable: - yes + Animation type: + by computed value @@ -147,11 +147,11 @@

Radius: The 'r' property

Computed value: - absolute length or percentage + an absolute length or percentage - Animatable: - yes + Animation type: + by computed value @@ -194,11 +194,11 @@

Horizontal radius: The 'rx' Computed value: - absolute length or percentage + an absolute length or percentage - Animatable: - yes + Animation type: + by computed value @@ -252,11 +252,11 @@

Vertical radius: The 'ry' Computed value: - absolute length or percentage + an absolute length or percentage - Animatable: - yes + Animatable type: + by computed value @@ -310,11 +310,11 @@

Horizontal coordinate: The 'x' property Computed value: - absolute length or percentage + an absolute length or percentage - Animatable: - yes + Animation type: + by computed value @@ -356,11 +356,11 @@

Vertical coordinate: The 'y' Computed value: - absolute length or percentage + an absolute length or percentage - Animatable: - yes + Animation type: + by computed value diff --git a/master/interact.html b/master/interact.html index 1db451d9..a0ba4637 100644 --- a/master/interact.html +++ b/master/interact.html @@ -576,12 +576,12 @@

The 'pointer-events' pr visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete diff --git a/master/painting.html b/master/painting.html index 9d491128..7bc392ed 100644 --- a/master/painting.html +++ b/master/painting.html @@ -333,13 +333,13 @@

Specifying fill paint: the ' visual - Computed value: + Computed value: as specified, but with <color> values computed and <url> values made absolute - Animatable: - yes + Animation type: + by computed value @@ -391,12 +391,12 @@

Winding rule: the 'fill-rule' visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete @@ -489,12 +489,12 @@

Fill paint opacity: the 'fill-opacit visual - Computed value: + Computed value: the specified value converted to a number, clamped to the range [0,1] - Animatable: - yes + Animation type: + by computed value @@ -605,13 +605,13 @@

Specifying stroke paint: the Stroke paint opacity: the 'stroke- visual - Computed value: + Computed value: the specified value converted to a number, clamped to the range [0,1] - Animatable: - yes + Animation type: + by computed value @@ -728,11 +728,11 @@

Stroke width: the 'stroke-width' Value: - <length-percentage> + <length-percentage> | <number> Initial: - 1 + 1px Applies to: @@ -751,18 +751,18 @@

Stroke width: the 'stroke-width'visual - Computed value: - absolute length or percentage + Computed value: + an absolute length or percentage, numbers converted to absolute lengths first - Animatable: - yes + Animation type: + by computed value

This property specifies the width of the stroke on the current object. A zero value causes no stroke to be painted. A negative value -is invalid.

+is invalid. A <number> value represents a value in user units.

Drawing caps at the ends of strokes: the 'stroke-linecap' property

@@ -797,12 +797,12 @@

Drawing caps at the ends of strokes: the Controlling line joins: the 'stroke-lin visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation Type: + discrete @@ -985,12 +985,12 @@

Controlling line joins: the 'stroke-lin visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + by computed value @@ -1168,12 +1168,12 @@

Dashing strokes: the 'stroke-dasha visual - Computed value: - absolute lengths or percentages for <dasharray>, or keyword specified + Computed value: + as comma separated list of absolute lengths or percentages, numbers converted to absolute lengths first, or keyword specified - Animatable: - yes (non-additive) + Animation type: + See prose @@ -1193,7 +1193,9 @@

Dashing strokes: the 'stroke-dasha
<dasharray>

Specifies a dashing pattern to use. A <dasharray> is - a list of comma and/or white space separated lengths or percentages. + a list of comma and/or white space separated <number> or + <length-percentage> values. + A <number> value represents a value in user units. Each value specifies a length along the path for which the stroke is to be painted (a dash) and not painted (a gap). The first value and every second value in the list after it specifies @@ -1222,6 +1224,37 @@

Dashing strokes: the 'stroke-dasha 'stroke-dasharray': each dash and gap length is interpreted relative to the author's path length as specified by 'path/pathLength'.

+

'stroke-dasharray' must use discrete +interpolation if start or end value compute to none +or are invalid. +Otherwise, repeat both dash patterns of start and end value list until the length +of elements in both value lists match. Each item is then combined by computed value. +The interpolation is non-additive.

+ +
+The two 'stroke-dasharray' value lists in the following example have different number +of elements: + +
path {
+  stroke-dasharray: 20 40 10;
+}
+
+path:hover {
+  transition-property: stroke-dasharray;
+  transition-duration: 0.5s;
+  stroke-dasharray: 40 20;
+}
+
+ +To interpolate the two value lists the dash pattern gets repeated on both lists first: + +
stroke-dasharray: 20 40 10 20 40 10;
+stroke-dasharray: 40 20 40 20 40 20;
+
+ +After that, each item is then combined by computed value. +
+ @@ -1229,7 +1262,7 @@

Dashing strokes: the 'stroke-dasha

- + @@ -1252,12 +1285,12 @@

Dashing strokes: the 'stroke-dasha

- - + + - - + +
Name:
Value:<length-percentage><length-percentage> | <number>
Initial:visual
Computed value:absolute length or percentageComputed value:an absolute length or percentage, numbers converted to absolute lengths first
Animatable:yesAnimation type:by computed value
@@ -2520,13 +2553,13 @@

Vertex markers: the 'mark visual - Computed value: + Computed value: as specified, but with <url> values (that are part of a <marker-ref>) made absolute - Animatable: - yes + Animation type: + discrete @@ -2642,12 +2675,12 @@

Marker shorthand: the 'marker'visual - Computed value: + Computed value: see individual properties - Animatable: - yes + Animation type: + discrete @@ -2913,12 +2946,12 @@

Controlling paint operation order: the visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete @@ -3006,12 +3039,12 @@

Color space for interpolation: the visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete @@ -3191,8 +3224,8 @@

The 'color-rendering' prop as specified - Animatable: - yes + Animation type: + discrete @@ -3257,12 +3290,12 @@

The 'shape-rendering' prop visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete @@ -3331,12 +3364,12 @@

The 'text-rendering' proper visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete @@ -3404,12 +3437,12 @@

The 'image-rendering' prop visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete diff --git a/master/paths.html b/master/paths.html index 4a7b4014..3a333f42 100644 --- a/master/paths.html +++ b/master/paths.html @@ -173,7 +173,7 @@

Specifying path data: the 'd' Name: - d + d Value: @@ -200,12 +200,12 @@

Specifying path data: the 'd'visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + See prose diff --git a/master/propidx.html b/master/propidx.html index 5348e66d..8d9eaee8 100644 --- a/master/propidx.html +++ b/master/propidx.html @@ -30,7 +30,7 @@

Property Index

Inh. Percentages Media - Anim. + Animation type Computed value @@ -45,7 +45,7 @@

Property Index

no N/A visual - yes + discrete as specified @@ -59,8 +59,8 @@

Property Index

refer to the "line height" of the 'text' element, which in the case of SVG is defined to be equal to the font size visual - yes - absolute length, percentage, or keyword specified + by computed value + as absolute length or percentage, or keyword specified 'color' @@ -71,7 +71,7 @@

Property Index

yes N/A visual - yes + by computed value an RGBA color @@ -82,7 +82,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -93,7 +93,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -104,7 +104,7 @@

Property Index

yes N/A visual - no + not animatable as specified @@ -120,7 +120,7 @@

Property Index

no N/A all - yes + discrete @@ -133,7 +133,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -145,7 +145,7 @@

Property Index

yes N/A visual - yes + by computed value as specified, but with <color> values computed and <url> values made absolute @@ -156,7 +156,7 @@

Property Index

yes N/A visual - yes + by computed value the specified value converted to a number, clamped to the range [0,1] @@ -167,7 +167,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -178,7 +178,7 @@

Property Index

yes N/A visual - yes + discrete see individual properties @@ -189,7 +189,7 @@

Property Index

yes N/A visual - no + not animatable as specified @@ -200,7 +200,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -211,7 +211,7 @@

Property Index

yes refer to font size of element itself visual - yes + by computed value for <length-percentage> the absolute value; otherwise as specified @@ -222,7 +222,7 @@

Property Index

yes N/A visual - yes + discrete see individual properties @@ -235,7 +235,7 @@

Property Index

yes N/A visual - yes + discrete as specified, but with <url> values (that are part of a <marker-ref>) made absolute @@ -248,7 +248,7 @@

Property Index

no N/A visual - yes + by computed value the specified value converted to a number, clamped to the range [0,1] @@ -260,7 +260,7 @@

Property Index

no N/A visual - yes + discrete as specified @@ -271,7 +271,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -284,7 +284,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -296,7 +296,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -309,7 +309,7 @@

Property Index

no N/A visual - yes + by computed value @@ -320,7 +320,7 @@

Property Index

no N/A visual - yes + by computed value the specified value converted to a number, clamped to the range [0,1] @@ -332,7 +332,7 @@

Property Index

yes N/A visual - yes + by computed value as specified, but with <color> values computed and <url> values made absolute @@ -343,19 +343,19 @@

Property Index

yes N/A visual - yes [1] - absolute lengths or percentages for <dasharray>, or keyword specified + See prose + as comma separated list of absolute lengths or percentages, numbers converted to absolute lengths first, or keyword specified 'stroke-dashoffset' - <length-percentage> + <length-percentage> | <number> 0 shapes and text content elements yes refer to the size of the current SVG viewport visual - yes - absolute length or percentage + by computed value + as absolute length or percentage; numbers converted to absolute length first 'stroke-linecap' @@ -365,7 +365,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -376,7 +376,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -387,7 +387,7 @@

Property Index

yes N/A visual - yes + by computed value as specified @@ -398,19 +398,19 @@

Property Index

yes N/A visual - yes + by computed value the specified value converted to a number, clamped to the range [0,1] 'stroke-width' - <length-percentage> + <length-percentage> | <number> 1 shapes and text content elements yes refer to the size of the current SVG viewport visual - yes - absolute length or percentage + by computed value + as absolute length or percentage; numbers converted to absolute length first 'text-anchor' @@ -420,7 +420,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -432,7 +432,7 @@

Property Index

no (see prose) N/A visual - yes + discrete see individual properties @@ -444,7 +444,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -455,7 +455,7 @@

Property Index

no N/A visual - yes + discrete as specified @@ -467,7 +467,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -478,7 +478,7 @@

Property Index

yes N/A visual - yes + discrete as specified @@ -489,7 +489,7 @@

Property Index

yes N/A visual - no + not animatable as specified diff --git a/master/text.html b/master/text.html index eed705e3..453a0950 100644 --- a/master/text.html +++ b/master/text.html @@ -2018,12 +2018,12 @@

The 'inline-size' property

visual - Computed value: - absolute length or percentage + Computed value: + an absolute length or percentage - Animatable: - yes + Animation type: + by computed value @@ -2159,6 +2159,8 @@

The 'shape-inside' proper current user coordinate system and the 'viewBox'.

+

Do nor re-specify shape-inside but reference CSS Shapes.

+ @@ -2189,12 +2191,12 @@

The 'shape-inside' proper

- + - - + +
Name:visual
Computed value:Computed value: computed lengths for <shape>, the absolute URI for <uri>, otherwise as specified
Animatable:yes, see Interpolation of Basic ShapesAnimation type:See Interpolation of Basic Shapes
@@ -2371,12 +2373,12 @@

The 'shape-subtract' pr visual - Computed value: + Computed value: computed lengths for any <basic-shape>, the absolute URI for <uri>, otherwise as specified - Animatable: - yes, see Interpolation of Basic Shapes + Animation type: + See Interpolation of Basic Shapes @@ -2472,6 +2474,8 @@

The 'shape-margin' proper the original shape. This property takes on positive values only.

+

Do nor re-specify shape-margin but reference CSS Shapes.

+ @@ -2502,12 +2506,12 @@

The 'shape-margin' proper

- - + + - - + +
Name:visual
Computed value:the absolute length Computed value:an absolute length
Animatable:yesAnimation type:by computed value
@@ -5048,12 +5052,12 @@

Text alignment, the 'tex visual - Computed value: + Computed value: as specified - Animatable: - yes + Animation type: + discrete @@ -6052,13 +6056,13 @@

The 'text-decoration-fi visual - Computed value: + Computed value: as specified, but with <color> values computed and <url> values made absolute. - Animatable: - yes + Animation type: + by computed value @@ -6092,13 +6096,13 @@

The 'text-decoration-fi visual - Computed value: + Computed value: as specified, but with <color> values computed and <url> values made absolute. - Animatable: - yes + Animation type: + by computed value