@webref/css 6.10.3 → 6.11.0

package/css-transforms-2.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "translate",
+      "href": "https://drafts.csswg.org/css-transforms-2/#propdef-translate",
       "value": "none | <length-percentage> [ <length-percentage> <length>? ]?",
       "initial": "none",
       "appliesTo": "transformable elements",
@@ -18,6 +19,7 @@
         {
           "name": "none",
           "prose": "All three properties accept (and default to) the value none, which produces no transform at all. In particular, this value does not trigger the creation of a stacking context or containing block for all descendants, while all other values (including “identity” transforms like translate: 0px) create a stacking context and containing block for all descendants, per usual for transforms.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-translate-none",
           "type": "value",
           "value": "none"
         }
@@ -28,6 +30,7 @@
     },
     {
       "name": "rotate",
+      "href": "https://drafts.csswg.org/css-transforms-2/#propdef-rotate",
       "value": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>",
       "initial": "none",
       "appliesTo": "transformable elements",
@@ -40,24 +43,28 @@
         {
           "name": "x",
           "prose": "The axis can be specified with either the x, y, or z keywords, which specify a rotation around that axis, equivalent to the rotateX(), rotateY(), and rotateZ() transform functions. Alternately, the axis can be specified explicitly by giving three numbers representing the x, y, and z components of an origin-centered vector, equivalent to the rotate3d() function.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-rotate-x",
           "type": "value",
           "value": "x"
         },
         {
           "name": "y",
           "prose": "The axis can be specified with either the x, y, or z keywords, which specify a rotation around that axis, equivalent to the rotateX(), rotateY(), and rotateZ() transform functions. Alternately, the axis can be specified explicitly by giving three numbers representing the x, y, and z components of an origin-centered vector, equivalent to the rotate3d() function.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-rotate-y",
           "type": "value",
           "value": "y"
         },
         {
           "name": "z",
           "prose": "The axis can be specified with either the x, y, or z keywords, which specify a rotation around that axis, equivalent to the rotateX(), rotateY(), and rotateZ() transform functions. Alternately, the axis can be specified explicitly by giving three numbers representing the x, y, and z components of an origin-centered vector, equivalent to the rotate3d() function.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-rotate-z",
           "type": "value",
           "value": "z"
         },
         {
           "name": "none",
           "prose": "All three properties accept (and default to) the value none, which produces no transform at all. In particular, this value does not trigger the creation of a stacking context or containing block for all descendants, while all other values (including “identity” transforms like translate: 0px) create a stacking context and containing block for all descendants, per usual for transforms.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-translate-none",
           "type": "value",
           "value": "none"
         }
@@ -68,6 +75,7 @@
     },
     {
       "name": "scale",
+      "href": "https://drafts.csswg.org/css-transforms-2/#propdef-scale",
       "value": "none | [ <number> | <percentage> ]{1,3}",
       "initial": "none",
       "appliesTo": "transformable elements",
@@ -80,6 +88,7 @@
         {
           "name": "none",
           "prose": "All three properties accept (and default to) the value none, which produces no transform at all. In particular, this value does not trigger the creation of a stacking context or containing block for all descendants, while all other values (including “identity” transforms like translate: 0px) create a stacking context and containing block for all descendants, per usual for transforms.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-translate-none",
           "type": "value",
           "value": "none"
         }
@@ -90,6 +99,7 @@
     },
     {
       "name": "transform-style",
+      "href": "https://drafts.csswg.org/css-transforms-2/#propdef-transform-style",
       "value": "flat | preserve-3d",
       "initial": "flat",
       "appliesTo": "transformable elements",
@@ -106,6 +116,7 @@
     },
     {
       "name": "perspective",
+      "href": "https://drafts.csswg.org/css-transforms-2/#propdef-perspective",
       "value": "none | <length [0,∞]>",
       "initial": "none",
       "appliesTo": "transformable elements",
@@ -118,12 +129,14 @@
         {
           "name": "<length [0,∞]>",
           "prose": "Distance to the center of projection. Verify that projection is the distance to the center of projection. As very small <length> values can produce bizarre rendering results and stress the numerical accuracy of transform calculations, values less than 1px must be treated as 1px for rendering purposes. (This clamping does not affect the underlying value, so perspective: 0; in a stylesheet will still serialize back as 0.)",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-length-0",
           "type": "value",
           "value": "<length [0,∞]>"
         },
         {
           "name": "none",
           "prose": "No perspective transform is applied. The effect is mathematically similar to an infinite <length> value. All objects appear to be flat on the canvas.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-none",
           "type": "value",
           "value": "none"
         }
@@ -134,6 +147,7 @@
     },
     {
       "name": "perspective-origin",
+      "href": "https://drafts.csswg.org/css-transforms-2/#propdef-perspective-origin",
       "value": "<position>",
       "initial": "50% 50%",
       "appliesTo": "transformable elements",
@@ -146,42 +160,49 @@
         {
           "name": "<percentage>",
           "prose": "A percentage for the horizontal perspective offset is relative to the width of the reference box. A percentage for the vertical offset is relative to height of the reference box. The value for the horizontal and vertical offset represent an offset from the top left corner of the reference box.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-origin-percentage",
           "type": "value",
           "value": "<percentage>"
         },
         {
           "name": "<length>",
           "prose": "A length value gives a fixed length as the offset. The value for the horizontal and vertical offset represent an offset from the top left corner of the reference box.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-origin-length",
           "type": "value",
           "value": "<length>"
         },
         {
           "name": "top",
           "prose": "Computes to 0% for the vertical position if one or two values are given, otherwise specifies the top edge as the origin for the next offset.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-origin-top",
           "type": "value",
           "value": "top"
         },
         {
           "name": "right",
           "prose": "Computes to 100% for the horizontal position if one or two values are given, otherwise specifies the right edge as the origin for the next offset.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-origin-right",
           "type": "value",
           "value": "right"
         },
         {
           "name": "bottom",
           "prose": "Computes to 100% for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-origin-bottom",
           "type": "value",
           "value": "bottom"
         },
         {
           "name": "left",
           "prose": "Computes to 0% for the horizontal position if one or two values are given, otherwise specifies the left edge as the origin for the next offset.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-origin-left",
           "type": "value",
           "value": "left"
         },
         {
           "name": "center",
           "prose": "Computes to 50% (left 50%) for the horizontal position if the horizontal position is not otherwise specified, or 50% (top 50%) for the vertical position if it is.",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-origin-center",
           "type": "value",
           "value": "center"
         }
@@ -193,6 +214,7 @@
     },
     {
       "name": "backface-visibility",
+      "href": "https://drafts.csswg.org/css-transforms-2/#propdef-backface-visibility",
       "value": "visible | hidden",
       "initial": "visible",
       "appliesTo": "transformable elements",
@@ -213,76 +235,91 @@
     {
       "name": "<transform-function>",
       "prose": "The value of the transform property is a list of <transform-function>. The set of allowed transform functions is given below. Wherever <angle> is used in this specification, a <number> that is equal to zero is also allowed, which is treated the same as an angle of zero degrees. A percentage for horizontal translations is relative to the width of the reference box. A percentage for vertical translations is relative to the height of the reference box. A percentage in a scale function is equivalent to a number, and serializes as a number in specified values. For example, scale3d(50%, 100%, 150%) serializes as scale3d(0.5, 1, 1.5).",
+      "href": "https://drafts.csswg.org/css-transforms-2/#typedef-transform-function",
       "type": "type"
     },
     {
       "name": "scale()",
       "value": "scale( [ <number> | <percentage> ]#{1,2} )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-scale",
       "type": "function"
     },
     {
       "name": "scaleX()",
       "value": "scaleX( [ <number> | <percentage> ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-scalex",
       "type": "function"
     },
     {
       "name": "scaleY()",
       "value": "scaleY( [ <number> | <percentage> ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-scaley",
       "type": "function"
     },
     {
       "name": "matrix3d()",
       "value": "matrix3d( <number>#{16} )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-matrix3d",
       "type": "function"
     },
     {
       "name": "translate3d()",
       "value": "translate3d( <length-percentage> , <length-percentage> , <length> )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-translate3d",
       "type": "function"
     },
     {
       "name": "translateZ()",
       "value": "translateZ( <length> )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-translatez",
       "type": "function"
     },
     {
       "name": "scale3d()",
       "value": "scale3d( [ <number> | <percentage> ]#{3} )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-scale3d",
       "type": "function"
     },
     {
       "name": "scaleZ()",
       "value": "scaleZ( [ <number> | <percentage> ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-scalez",
       "type": "function"
     },
     {
       "name": "rotate3d()",
       "value": "rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-rotate3d",
       "type": "function"
     },
     {
       "name": "rotateX()",
       "value": "rotateX( [ <angle> | <zero> ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-rotatex",
       "type": "function"
     },
     {
       "name": "rotateY()",
       "value": "rotateY( [ <angle> | <zero> ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-rotatey",
       "type": "function"
     },
     {
       "name": "rotateZ()",
       "value": "rotateZ( [ <angle> | <zero> ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-rotatez",
       "type": "function"
     },
     {
       "name": "perspective()",
       "value": "perspective( [ <length [0,∞]> | none ] )",
+      "href": "https://drafts.csswg.org/css-transforms-2/#funcdef-perspective",
       "type": "function",
       "values": [
         {
           "name": "none",
           "prose": "perspective() = perspective( [ <length [0,∞]> | none ] )",
+          "href": "https://drafts.csswg.org/css-transforms-2/#valdef-perspective-func-none",
           "type": "value",
           "value": "none"
         }

package/css-transforms.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "transform",
+      "href": "https://drafts.csswg.org/css-transforms-1/#propdef-transform",
       "value": "none | <transform-list>",
       "initial": "none",
       "appliesTo": "transformable elements",
@@ -18,56 +19,67 @@
         {
           "name": "matrix()",
           "value": "matrix( <number>#{6} )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-matrix",
           "type": "function"
         },
         {
           "name": "translate()",
           "value": "translate( <length-percentage> , <length-percentage>? )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-translate",
           "type": "function"
         },
         {
           "name": "translateX()",
           "value": "translateX( <length-percentage> )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-translatex",
           "type": "function"
         },
         {
           "name": "translateY()",
           "value": "translateY( <length-percentage> )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-translatey",
           "type": "function"
         },
         {
           "name": "scale()",
           "value": "scale( <number> , <number>? )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-scale",
           "type": "function"
         },
         {
           "name": "scaleX()",
           "value": "scaleX( <number> )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-scalex",
           "type": "function"
         },
         {
           "name": "scaleY()",
           "value": "scaleY( <number> )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-scaley",
           "type": "function"
         },
         {
           "name": "rotate()",
           "value": "rotate( [ <angle> | <zero> ] )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-rotate",
           "type": "function"
         },
         {
           "name": "skew()",
           "value": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-skew",
           "type": "function"
         },
         {
           "name": "skewX()",
           "value": "skewX( [ <angle> | <zero> ] )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-skewx",
           "type": "function"
         },
         {
           "name": "skewY()",
           "value": "skewY( [ <angle> | <zero> ] )",
+          "href": "https://drafts.csswg.org/css-transforms-1/#funcdef-transform-skewy",
           "type": "function"
         }
       ],
@@ -77,6 +89,7 @@
     },
     {
       "name": "transform-origin",
+      "href": "https://drafts.csswg.org/css-transforms-1/#propdef-transform-origin",
       "value": "[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [[ center | left | right ] && [ center | top | bottom ]] <length>?",
       "initial": "50% 50%",
       "appliesTo": "transformable elements",
@@ -89,30 +102,35 @@
         {
           "name": "top",
           "prose": "Computes to 0% for the vertical position.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-origin-top",
           "type": "value",
           "value": "top"
         },
         {
           "name": "right",
           "prose": "Computes to 100% for the horizontal position.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-origin-right",
           "type": "value",
           "value": "right"
         },
         {
           "name": "bottom",
           "prose": "Computes to 100% for the vertical position.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-origin-bottom",
           "type": "value",
           "value": "bottom"
         },
         {
           "name": "left",
           "prose": "Computes to 0% for the horizontal position.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-origin-left",
           "type": "value",
           "value": "left"
         },
         {
           "name": "center",
           "prose": "Computes to 50% (left 50%) for the horizontal position if the horizontal position is not otherwise specified, or 50% (top 50%) for the vertical position if it is.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-origin-center",
           "type": "value",
           "value": "center"
         }
@@ -124,6 +142,7 @@
     },
     {
       "name": "transform-box",
+      "href": "https://drafts.csswg.org/css-transforms-1/#propdef-transform-box",
       "value": "content-box | border-box | fill-box | stroke-box | view-box",
       "initial": "view-box",
       "appliesTo": "transformable elements",
@@ -136,30 +155,35 @@
         {
           "name": "content-box",
           "prose": "Uses the content box as reference box. The reference box of a table is the border box of its table wrapper box, not its table box.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-box-content-box",
           "type": "value",
           "value": "content-box"
         },
         {
           "name": "border-box",
           "prose": "Uses the border box as reference box. The reference box of a table is the border box of its table wrapper box, not its table box.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-box-border-box",
           "type": "value",
           "value": "border-box"
         },
         {
           "name": "fill-box",
           "prose": "Uses the object bounding box as reference box.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-box-fill-box",
           "type": "value",
           "value": "fill-box"
         },
         {
           "name": "stroke-box",
           "prose": "Uses the stroke bounding box as reference box.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-box-stroke-box",
           "type": "value",
           "value": "stroke-box"
         },
         {
           "name": "view-box",
           "prose": "Uses the nearest SVG viewport as reference box. If a viewBox attribute is specified for the SVG viewport creating element: The reference box is positioned at the origin of the coordinate system established by the viewBox attribute. The dimension of the reference box is set to the width and height values of the viewBox attribute.",
+          "href": "https://drafts.csswg.org/css-transforms-1/#valdef-transform-box-view-box",
           "type": "value",
           "value": "view-box"
         }
@@ -175,12 +199,14 @@
   "values": [
     {
       "name": "<transform-list>",
+      "href": "https://drafts.csswg.org/css-transforms-1/#typedef-transform-list",
       "type": "type",
       "value": "<transform-function>+"
     },
     {
       "name": "<transform-function>",
       "prose": "The value of the transform property is a list of <transform-function>. The set of allowed transform functions is given below. In the following functions, a <zero> behaves the same as 0deg (\"unitless 0\" angles are preserved for legacy compat). A percentage for horizontal translations is relative to the width of the reference box. A percentage for vertical translations is relative to the height of the reference box.",
+      "href": "https://drafts.csswg.org/css-transforms-1/#typedef-transform-function",
       "type": "type"
     }
   ]

package/css-transitions-2.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "transition-behavior",
+      "href": "https://drafts.csswg.org/css-transitions-2/#propdef-transition-behavior",
       "value": "<transition-behavior-value>#",
       "initial": "normal",
       "appliesTo": "all elements",
@@ -24,6 +25,7 @@
     {
       "name": "@starting-style",
       "prose": "The @starting-style rule is a grouping rule. The style rules inside it are used to establish styles to transition from, if the previous style change event did not establish a before-change style for the element whose styles are being computed.",
+      "href": "https://drafts.csswg.org/css-transitions-2/#at-ruledef-starting-style",
       "descriptors": []
     }
   ],
@@ -32,11 +34,13 @@
     {
       "name": "<transition-behavior-value>",
       "value": "normal | allow-discrete",
+      "href": "https://drafts.csswg.org/css-transitions-2/#typedef-transition-behavior-value",
       "type": "type"
     },
     {
       "name": "<single-transition>",
       "value": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>",
+      "href": "https://drafts.csswg.org/css-transitions-2/#single-transition",
       "type": "type"
     }
   ]

package/css-transitions.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "transition-property",
+      "href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-property",
       "value": "none | <single-transition-property>#",
       "initial": "all",
       "appliesTo": "all elements",
@@ -18,12 +19,14 @@
         {
           "name": "none",
           "prose": "A value of none means that no property will transition. Otherwise, a list of properties to be transitioned, or the keyword all which indicates that all properties are to be transitioned, is given.",
+          "href": "https://drafts.csswg.org/css-transitions-1/#valdef-transition-property-none",
           "type": "value",
           "value": "none"
         },
         {
           "name": "all",
           "prose": "A value of none means that no property will transition. Otherwise, a list of properties to be transitioned, or the keyword all which indicates that all properties are to be transitioned, is given.",
+          "href": "https://drafts.csswg.org/css-transitions-1/#valdef-transition-property-all",
           "type": "value",
           "value": "all"
         }
@@ -35,6 +38,7 @@
     },
     {
       "name": "transition-duration",
+      "href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-duration",
       "value": "<time [0s,∞]>#",
       "initial": "0s",
       "appliesTo": "all elements",
@@ -50,6 +54,7 @@
     },
     {
       "name": "transition-timing-function",
+      "href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-timing-function",
       "value": "<easing-function>#",
       "initial": "ease",
       "appliesTo": "all elements",
@@ -65,6 +70,7 @@
     },
     {
       "name": "transition-delay",
+      "href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-delay",
       "value": "<time>#",
       "initial": "0s",
       "appliesTo": "all elements",
@@ -80,6 +86,7 @@
     },
     {
       "name": "transition",
+      "href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition",
       "value": "<single-transition>#",
       "initial": "see individual properties",
       "appliesTo": "all elements",
@@ -99,11 +106,13 @@
     {
       "name": "<single-transition-property>",
       "value": "all | <custom-ident>",
+      "href": "https://drafts.csswg.org/css-transitions-1/#single-transition-property",
       "type": "type"
     },
     {
       "name": "<single-transition>",
       "value": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+      "href": "https://drafts.csswg.org/css-transitions-1/#single-transition",
       "type": "type"
     }
   ]