@webref/css 6.12.12 → 6.12.14

package/css-anchor-position.json

@@ -112,7 +112,7 @@
         },
         {
           "name": "<inset-area>",
-          "prose": "If the element does not have a default anchor element, or is not an absolutely-positioned element, this value has no effect. Otherwise, the property selects a region of the inset-area grid, and makes that the element’s containing block. Additionally, the normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned element. See § 3.1.1 Resolving <inset-area>s for details on both of these effects. Also, any auto inset properties resolve to 0.",
+          "prose": "If the element does not have a default anchor element, or is not an absolutely-positioned element, this value has no effect. Otherwise, it has the following effects: The property selects a region of the inset-area grid, and makes that the element’s containing block. See § 3.1.1 Resolving <inset-area>s for details. Note: This means that the inset properties specify offsets from the inset-area, and some property values, like max-height: 100%, will be relative to the inset-area as well. The normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned element. Again, see § 3.1.1 Resolving <inset-area>s for details. Any auto inset properties resolve to 0. The element is not considered to be in a legacy alignment mode in either axis.",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inset-area",
           "type": "value",
           "value": "<inset-area>"
@@ -240,7 +240,7 @@
     {
       "name": "position-try-options",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-options",
-      "value": "none | [ [<dashed-ident> || <try-tactic>] | inset-area( <'inset-area'> ) ]#",
+      "value": "none | [ [<dashed-ident> || <try-tactic>] | <'inset-area'> ]#",
       "initial": "none",
       "appliesTo": "absolutely-positioned elements",
       "inherited": "no",
@@ -304,10 +304,11 @@
           "value": "<dashed-ident> || <try-tactic>"
         },
         {
-          "name": "inset-area()",
-          "value": "inset-area()",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-options-inset-area-inset-area",
-          "type": "value"
+          "name": "<'inset-area'>",
+          "prose": "Automatically creates a position option composed solely of an inset-area property with the given value.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-options-inset-area",
+          "type": "value",
+          "value": "<'inset-area'>"
         }
       ],
       "styleDeclaration": [
@@ -675,7 +676,7 @@
       "prose": "An absolutely-positioned element can use the anchor() function as a value in its inset properties to refer to the position of one or more anchor elements. The anchor() function resolves to a <length>. It is only valid to be used in the inset properties.",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor",
       "type": "function",
-      "value": "anchor( <anchor-element>? <anchor-side>, <length-percentage>? )",
+      "value": "anchor( <anchor-element>? && <anchor-side>, <length-percentage>? )",
       "values": [
         {
           "name": "<dashed-ident>",
@@ -787,7 +788,7 @@
       "prose": "An absolutely-positioned element can use the anchor-size() function in its sizing properties to refer to the size of one or more anchor elements. The anchor-size() function resolves to a <length>. It is only valid to be used in the sizing properties.",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor-size",
       "type": "function",
-      "value": "anchor-size( <anchor-element>? <anchor-size>, <length-percentage>? )",
+      "value": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
       "values": [
         {
           "name": "width",

package/css-box.json

@@ -90,7 +90,7 @@
     {
       "name": "margin-trim",
       "href": "https://drafts.csswg.org/css-box-4/#propdef-margin-trim",
-      "value": "none | block | inline | [ block-start || inline-start || block-end || inline-end ]",
+      "value": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
       "initial": "none",
       "appliesTo": "block containers, multi-column containers, flex containers, grid containers",
       "inherited": "no",

package/css-overflow-4.json

@@ -346,7 +346,7 @@
     {
       "name": "continue",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-continue",
-      "value": "auto | discard | -webkit-discard | overflow | paginate | fragments",
+      "value": "auto | discard | -webkit-discard",
       "initial": "auto",
       "appliesTo": "block containers and multicol containers",
       "inherited": "no",
@@ -375,27 +375,6 @@
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-discard",
           "type": "value",
           "value": "discard"
-        },
-        {
-          "name": "overflow",
-          "prose": "Content that doesn’t fit overflows, according to the overflow property",
-          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-overflow",
-          "type": "value",
-          "value": "overflow"
-        },
-        {
-          "name": "paginate",
-          "prose": "Content that doesn’t fit paginates. This creates a paginated view inside the element similar to the way that 'overflow: scroll' creates a scrollable view. See paginated overflow",
-          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-paginate",
-          "type": "value",
-          "value": "paginate"
-        },
-        {
-          "name": "fragments",
-          "prose": "content that doesn’t fit causes the element to copy itself and continue laying out. See fragment overflow.",
-          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-fragments",
-          "type": "value",
-          "value": "fragments"
         }
       ],
       "styleDeclaration": [
@@ -429,12 +408,6 @@
     }
   ],
   "atrules": [],
-  "selectors": [
-    {
-      "name": "::nth-fragment()",
-      "prose": "The ::nth-fragment() pseudo-element is a pseudo-element that describes some of the fragment boxes generated by an element. The argument to the pseudo-element takes the same syntax as the argument to the :nth-child() pseudo-class defined in [SELECT], and has the same meaning except that the number is relative to fragment boxes generated by the element instead of siblings of the element.",
-      "href": "https://drafts.csswg.org/css-overflow-4/#selectordef-nth-fragment"
-    }
-  ],
+  "selectors": [],
   "values": []
 }

package/css-pseudo.json

@@ -67,13 +67,18 @@
     },
     {
       "name": "::placeholder",
-      "prose": "The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text “YYYY/MM/DD” to clarify that numeric dates are to be entered in year-month-day order.",
+      "prose": "The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text “YYYY/MM/DD” to clarify that numeric dates are to be entered in year-month-day order. It is a tree-abiding pseudo-element.",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-placeholder"
     },
     {
       "name": "::file-selector-button",
-      "prose": "The ::file-selector-button pseudo-element targets the <button> inside an <input> element with type=file, if the UA renders such a button.",
+      "prose": "The ::file-selector-button pseudo-element targets the <button> inside an <input> element with type=file, if the UA renders such a button. It is a part-like pseudo-element.",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-file-selector-button"
+    },
+    {
+      "name": "::details-content",
+      "prose": "The ::details-content pseudo-element targets the additional information in a a details element that can be expanded or collapsed. It is a part-like pseudo-element.",
+      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-details-content"
     }
   ],
   "values": []

package/css-text-4.json

@@ -7,7 +7,7 @@
     {
       "name": "text-transform",
       "href": "https://drafts.csswg.org/css-text-4/#propdef-text-transform",
-      "value": "none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana",
+      "value": "none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
       "initial": "none",
       "appliesTo": "text",
       "inherited": "yes",
@@ -57,6 +57,13 @@
           "href": "https://drafts.csswg.org/css-text-4/#valdef-text-transform-full-size-kana",
           "type": "value",
           "value": "full-size-kana"
+        },
+        {
+          "name": "math-auto",
+          "prose": "See MathML Core § 4.2 New text-transform value.",
+          "href": "https://drafts.csswg.org/css-text-4/#valdef-text-transform-math-auto",
+          "type": "value",
+          "value": "math-auto"
         }
       ],
       "styleDeclaration": [
@@ -472,7 +479,7 @@
         },
         {
           "name": "balance",
-          "prose": "Line breaks are chosen to balance the remaining (empty) space in each line box, if better balance than auto is possible. This should avoid changing—​and in the case of 5 or fewer lines must not change—​the number of line boxes the block would contain if text-wrap were set to auto. The remaining space to consider is that which remains after placing floats and inline content, but before any adjustments due to text justification. Line boxes are balanced when the standard deviation from the average inline-size of the remaining space in each line box is reduced over the block (including lines that end in a forced break). Groups of lines separated by a forced line break are processed separately. The exact algorithm is UA-defined. UAs may treat this value as auto if there are more than ten lines to balance.",
+          "prose": "Line breaks are chosen to balance the remaining (empty) space in each line box, if better balance than auto is possible. This should avoid changing—​and in the case of 5 or fewer lines must not change—​the number of line boxes the block would contain if text-wrap were set to auto. The remaining space to consider is that which remains after placing floats and inline content, but before any adjustments due to text justification. Line boxes are balanced when the standard deviation from the average inline-size of the remaining space in each line box is reduced over the block (including lines that end in a forced break). Groups of lines separated by a forced line break are processed separately. If the element is affected by line-clamp, the clamping effect is applied first, then the remaining lines are balanced. The exact algorithm is UA-defined. UAs may treat this value as auto if there are more than ten lines to balance.",
           "href": "https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-balance",
           "type": "value",
           "value": "balance"
@@ -1168,11 +1175,11 @@
           "value": "normal"
         },
         {
-          "name": "<length>",
+          "name": "<length-percentage>",
           "prose": "Specifies additional spacing between typographic character units. Values may be negative, but there may be implementation-dependent limits.",
-          "href": "https://drafts.csswg.org/css-text-4/#valdef-letter-spacing-length",
+          "href": "https://drafts.csswg.org/css-text-4/#valdef-letter-spacing-length-percentage",
           "type": "value",
-          "value": "<length>"
+          "value": "<length-percentage>"
         }
       ],
       "styleDeclaration": [

package/css-values-5.json

@@ -397,6 +397,13 @@
       "type": "function",
       "value": "calc-size( <calc-size-basis>, <calc-sum>? )",
       "values": [
+        {
+          "name": "percentage",
+          "prose": "The percentage basis keyword indicates a basis size of 100%.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-size-percentage",
+          "type": "value",
+          "value": "percentage"
+        },
         {
           "name": "size",
           "prose": "Within the calc-size calculation, if the calc-size basis is not any, the keyword size is allowed. This keyword is a <length>, and resolves at used value time.",
@@ -417,7 +424,7 @@
       "name": "<calc-size-basis>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-size-basis",
       "type": "type",
-      "value": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]"
+      "value": "[ <intrinsic-size-keyword> | percentage | <calc-size()> | any | <calc-sum> ]"
     },
     {
       "name": "<intrinsic-size-keyword>",

package/css-viewport.json

@@ -1,12 +1,12 @@
 {
   "spec": {
     "title": "CSS Viewport Module Level 1",
-    "url": "https://drafts.csswg.org/css-viewport-1/"
+    "url": "https://drafts.csswg.org/css-viewport/"
   },
   "properties": [
     {
       "name": "zoom",
-      "href": "https://drafts.csswg.org/css-viewport-1/#propdef-zoom",
+      "href": "https://drafts.csswg.org/css-viewport/#propdef-zoom",
       "value": "<number [0,∞]> || <percentage [0,∞]>",
       "initial": "1",
       "appliesTo": "all <length> property values of all elements",
@@ -20,14 +20,14 @@
         {
           "name": "<number>",
           "prose": "Positive floating point number indicating a zoom factor. Numbers smaller than 1.0 indicate a \"zoom out\" or minification effect, while numbers greater than 1.0 indicate a \"zoom in\" or magnification effect. A 0 value is treated as if it was 1.",
-          "href": "https://drafts.csswg.org/css-viewport-1/#valdef-zoom-number",
+          "href": "https://drafts.csswg.org/css-viewport/#valdef-zoom-number",
           "type": "value",
           "value": "<number>"
         },
         {
           "name": "<percentage>",
           "prose": "Positive floating point number, followed by a percentage character (\"%\") which indicates a zoom factor multiplied by 100. A 0 percentage is treated as if it was 100%.",
-          "href": "https://drafts.csswg.org/css-viewport-1/#valdef-zoom-percentage",
+          "href": "https://drafts.csswg.org/css-viewport/#valdef-zoom-percentage",
           "type": "value",
           "value": "<percentage>"
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.12.12",
+  "version": "6.12.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"