@webref/css 6.10.4 → 6.11.1

package/css-animations-2.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "animation-duration",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-duration",
       "value": "[ auto | <time [0s,∞]> ]#",
       "initial": "auto",
       "appliesTo": "all elements",
@@ -18,12 +19,14 @@
         {
           "name": "auto",
           "prose": "For time-driven animations, equivalent to 0s. For scroll-driven animations, equivalent to the duration necessary to fill the timeline in consideration of animation-range, animation-delay, and animation-iteration-count. See Scroll-driven Animations § 4.1 Finite Timeline Calculations.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-duration-auto",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "<time [0s,∞]>",
           "prose": "For time-driven animations, specifies the length of time that an animation takes to complete one cycle. A negative <time> is invalid. For scroll-driven animations, treated as auto.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-duration-time-0s",
           "type": "value",
           "value": "<time [0s,∞]>"
         }
@@ -35,6 +38,7 @@
     },
     {
       "name": "animation-composition",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-composition",
       "value": "<single-animation-composition>#",
       "initial": "replace",
       "appliesTo": "all elements",
@@ -50,6 +54,7 @@
     },
     {
       "name": "animation-timeline",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-timeline",
       "value": "<single-animation-timeline>#",
       "initial": "auto",
       "appliesTo": "all elements",
@@ -70,40 +75,47 @@
     {
       "name": "<single-animation-composition>",
       "value": "replace | add | accumulate",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-composition",
       "type": "type"
     },
     {
       "name": "<single-animation-timeline>",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-timeline",
       "type": "type",
       "value": "auto | none | <dashed-ident> | <scroll()> | <view()>",
       "values": [
         {
           "name": "auto",
           "prose": "The animation’s timeline is a DocumentTimeline, more specifically the default document timeline.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-timeline-auto",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "none",
           "prose": "The animation is not associated with a timeline.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-timeline-none",
           "type": "value",
           "value": "none"
         },
         {
           "name": "<custom-ident>",
           "prose": "If a named scroll progress timeline or view progress timeline is in scope on this element, use the referenced timeline as defined in Scroll-driven Animations § Declaring a Named Timeline’s Scope: the timeline-scope property. Otherwise the animation is not associated with a timeline.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-timeline-custom-ident",
           "type": "value",
           "value": "<custom-ident>"
         },
         {
           "name": "<scroll()>",
           "prose": "Use the scroll progress timeline indicated by the given scroll() function. See Scroll-driven Animations § 2.2.1 The scroll() notation.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-timeline-scroll",
           "type": "value",
           "value": "<scroll()>"
         },
         {
           "name": "<view()>",
           "prose": "Use the view progress timeline indicated by the given view() function. See Scroll-driven Animations § 3.3.1 The view() notation.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-timeline-view",
           "type": "value",
           "value": "<view()>"
         }
@@ -112,6 +124,7 @@
     {
       "name": "<single-animation>",
       "value": "<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation",
       "type": "type"
     }
   ]

package/css-animations.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "animation-name",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-name",
       "value": "[ none | <keyframes-name> ]#",
       "initial": "none",
       "appliesTo": "all elements",
@@ -18,12 +19,14 @@
         {
           "name": "none",
           "prose": "No keyframes are specified at all, so there will be no animation. Any other animations properties specified for this animation have no effect.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-name-none",
           "type": "value",
           "value": "none"
         },
         {
           "name": "<keyframes-name>",
           "prose": "The animation will use the keyframes with the name specified by the <keyframes-name>, if they exist. If no @keyframes rule with that name exists, there is no animation.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-name-keyframes-name",
           "type": "value",
           "value": "<keyframes-name>"
         }
@@ -35,6 +38,7 @@
     },
     {
       "name": "animation-duration",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-duration",
       "value": "<time [0s,∞]>#",
       "initial": "0s",
       "appliesTo": "all elements",
@@ -47,6 +51,7 @@
         {
           "name": "<time [0s,∞]>",
           "prose": "Specifies the length of time that an animation takes to complete one cycle. A negative <time> is invalid. If the <time> is 0s, like the initial value, the keyframes of the animation have no effect, but the animation itself still occurs instantaneously. Specifically, start and end events are fired; if animation-fill-mode is set to backwards or both, the first frame of the animation, as defined by animation-direction, will be displayed during the animation-delay. After the animation-delay the last frame of the animation, as defined by animation-direction, will be displayed if animation-fill-mode is set to forwards or both. If animation-fill-mode is set to none the animation will have no visible effect.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-duration-time-0s",
           "type": "value",
           "value": "<time [0s,∞]>"
         }
@@ -58,6 +63,7 @@
     },
     {
       "name": "animation-timing-function",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-timing-function",
       "value": "<easing-function>#",
       "initial": "ease",
       "appliesTo": "all elements",
@@ -73,6 +79,7 @@
     },
     {
       "name": "animation-iteration-count",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-iteration-count",
       "value": "<single-animation-iteration-count>#",
       "initial": "1",
       "appliesTo": "all elements",
@@ -85,12 +92,14 @@
         {
           "name": "infinite",
           "prose": "The animation will repeat forever.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-iteration-count-infinite",
           "type": "value",
           "value": "infinite"
         },
         {
           "name": "<number [0,∞]>",
           "prose": "The animation will repeat the specified number of times. If the number is not an integer, the animation will end partway through its last cycle. Negative numbers are invalid. A value of 0 is valid and, similar to an animation-duration of 0s, causes the animation to occur instantaneously.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-iteration-count-number-0",
           "type": "value",
           "value": "<number [0,∞]>"
         }
@@ -102,6 +111,7 @@
     },
     {
       "name": "animation-direction",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-direction",
       "value": "<single-animation-direction>#",
       "initial": "normal",
       "appliesTo": "all elements",
@@ -114,24 +124,28 @@
         {
           "name": "normal",
           "prose": "All iterations of the animation are played as specified.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-direction-normal",
           "type": "value",
           "value": "normal"
         },
         {
           "name": "reverse",
           "prose": "All iterations of the animation are played in the reverse direction from the way they were specified.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-direction-reverse",
           "type": "value",
           "value": "reverse"
         },
         {
           "name": "alternate",
           "prose": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-direction-alternate",
           "type": "value",
           "value": "alternate"
         },
         {
           "name": "alternate-reverse",
           "prose": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-direction-alternate-reverse",
           "type": "value",
           "value": "alternate-reverse"
         }
@@ -143,6 +157,7 @@
     },
     {
       "name": "animation-play-state",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state",
       "value": "<single-animation-play-state>#",
       "initial": "running",
       "appliesTo": "all elements",
@@ -155,12 +170,14 @@
         {
           "name": "running",
           "prose": "While this property is set to running, the animation proceeds as normal.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-play-state-running",
           "type": "value",
           "value": "running"
         },
         {
           "name": "paused",
           "prose": "While this property is set to paused, the animation is paused. The animation continues to apply to the element with the progress it had made before being paused. When unpaused (set back to running), it restarts from where it left off, as if the \"clock\" that controls the animation had stopped and started again. If the property is set to paused during the delay phase of the animation, the delay clock is also paused and resumes as soon as animation-play-state is set back to running.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-play-state-paused",
           "type": "value",
           "value": "paused"
         }
@@ -172,6 +189,7 @@
     },
     {
       "name": "animation-delay",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-delay",
       "value": "<time>#",
       "initial": "0s",
       "appliesTo": "all elements",
@@ -184,6 +202,7 @@
         {
           "name": "<time>",
           "prose": "The <time> defines how long of a delay there is between the start of the animation (when the animation is applied to the element via these properties) and when it begins executing. A delay of 0s (the initial value) means that the animation will execute as soon as it is applied. A negative delay is valid. Similar to a delay of 0s, it means that the animation executes immediately, but is automatically progressed by the absolute value of the delay, as if the animation had started the specified time in the past, and so it appears to start partway through its active duration. If an animation’s keyframes have an implied starting value, the values are taken from the time the animation starts, not some time in the past.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-delay-time",
           "type": "value",
           "value": "<time>"
         }
@@ -195,6 +214,7 @@
     },
     {
       "name": "animation-fill-mode",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-fill-mode",
       "value": "<single-animation-fill-mode>#",
       "initial": "none",
       "appliesTo": "all elements",
@@ -207,24 +227,28 @@
         {
           "name": "none",
           "prose": "The animation has no effect when it is applied but not executing.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-fill-mode-none",
           "type": "value",
           "value": "none"
         },
         {
           "name": "forwards",
           "prose": "After the animation ends (as determined by its animation-iteration-count), the animation will apply the property values for the time the animation ended. When animation-iteration-count is an integer greater than zero, the values applied will be those for the end of the last completed iteration of the animation (rather than the values for the start of the iteration that would be next). When animation-iteration-count is zero, the values applied will be those that would start the first iteration (just as when animation-fill-mode is backwards).",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-fill-mode-forwards",
           "type": "value",
           "value": "forwards"
         },
         {
           "name": "backwards",
           "prose": "During the period defined by animation-delay, the animation will apply the property values defined in the keyframe that will start the first iteration of the animation. These are either the values of the from keyframe (when animation-direction is normal or alternate) or those of the to keyframe (when animation-direction is reverse or alternate-reverse).",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-fill-mode-backwards",
           "type": "value",
           "value": "backwards"
         },
         {
           "name": "both",
           "prose": "The effects of both forwards and backwards fill apply.",
+          "href": "https://drafts.csswg.org/css-animations-1/#valdef-animation-fill-mode-both",
           "type": "value",
           "value": "both"
         }
@@ -236,6 +260,7 @@
     },
     {
       "name": "animation",
+      "href": "https://drafts.csswg.org/css-animations-1/#propdef-animation",
       "value": "<single-animation>#",
       "initial": "see individual properties",
       "appliesTo": "all elements",
@@ -253,6 +278,7 @@
     {
       "name": "@keyframes",
       "prose": "Keyframes are specified using the @keyframes at-rule, defined as follows:",
+      "href": "https://drafts.csswg.org/css-animations-1/#at-ruledef-keyframes",
       "descriptors": [],
       "value": "@keyframes <keyframes-name> { <qualified-rule-list> }"
     }
@@ -261,42 +287,50 @@
   "values": [
     {
       "name": "<keyframes-name>",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-keyframes-name",
       "type": "type",
       "value": "<custom-ident> | <string>"
     },
     {
       "name": "<keyframe-block>",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-keyframe-block",
       "type": "type",
       "value": "<keyframe-selector># { <declaration-list> }"
     },
     {
       "name": "<keyframe-selector>",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-keyframe-selector",
       "type": "type",
       "value": "from | to | <percentage [0,100]>"
     },
     {
       "name": "<single-animation-iteration-count>",
       "value": "infinite | <number [0,∞]>",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-single-animation-iteration-count",
       "type": "type"
     },
     {
       "name": "<single-animation-direction>",
       "value": "normal | reverse | alternate | alternate-reverse",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-single-animation-direction",
       "type": "type"
     },
     {
       "name": "<single-animation-play-state>",
       "value": "running | paused",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-single-animation-play-state",
       "type": "type"
     },
     {
       "name": "<single-animation-fill-mode>",
       "value": "none | forwards | backwards | both",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-single-animation-fill-mode",
       "type": "type"
     },
     {
       "name": "<single-animation>",
       "value": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
+      "href": "https://drafts.csswg.org/css-animations-1/#typedef-single-animation",
       "type": "type"
     }
   ]

package/css-backgrounds-4.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "background-position",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position",
       "value": "<bg-position>#",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
@@ -21,6 +22,7 @@
     },
     {
       "name": "background-position-x",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-x",
       "value": "[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#",
       "initial": "0%",
       "appliesTo": "all elements",
@@ -37,6 +39,7 @@
     },
     {
       "name": "background-position-y",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-y",
       "value": "[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#",
       "initial": "0%",
       "appliesTo": "all elements",
@@ -53,6 +56,7 @@
     },
     {
       "name": "background-position-inline",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-inline",
       "value": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
       "initial": "0%",
       "appliesTo": "all elements",
@@ -69,6 +73,7 @@
     },
     {
       "name": "background-position-block",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-block",
       "value": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
       "initial": "0%",
       "appliesTo": "all elements",
@@ -85,6 +90,7 @@
     },
     {
       "name": "background-clip",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-clip",
       "value": "<bg-clip>#",
       "initial": "border-box",
       "appliesTo": "all elements",
@@ -100,6 +106,7 @@
     },
     {
       "name": "background-tbd",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-tbd",
       "value": "<bg-layer>#",
       "initial": "see individual properties",
       "appliesTo": "all elements",
@@ -119,29 +126,34 @@
   "values": [
     {
       "name": "<bg-position>",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-position",
       "type": "type",
       "value": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]"
     },
     {
       "name": "<bg-clip>",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-clip",
       "type": "type",
       "value": "<visual-box> | border | text",
       "values": [
         {
           "name": "<visual-box>",
           "prose": "The background is painted within (clipped to) the specified box of the element.",
+          "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-visual-box",
           "type": "value",
           "value": "<visual-box>"
         },
         {
           "name": "text",
           "prose": "The background is painted within (clipped to) the intersection of the border box and the geometry of the text in the element and its in-flow and floated descendants.",
+          "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-text",
           "type": "value",
           "value": "text"
         },
         {
           "name": "border",
           "prose": "The background is clipped to the area painted by the border, taking border-width and border-style into account but ignoring any transparency introduced by border-color.",
+          "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-border",
           "type": "value",
           "value": "border"
         }