Skip to content

Commit

Permalink
Update of TR report from new reffy run
Browse files Browse the repository at this point in the history 
Using reffy commit 13.1.2.
  • Loading branch information
reffy-bot committed Jul 8, 2023
1 parent 5783eb5 commit 9b790f1
Show file tree
Hide file tree
Showing 33 changed files with 11,477 additions and 153 deletions.
306 changes: 306 additions & 0 deletions tr/css/css-anchor-position.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,306 @@
{
"spec": {
"title": "CSS Anchor Positioning",
"url": "https://www.w3.org/TR/css-anchor-position-1/"
},
"properties": [
{
"name": "anchor-name",
"value": "none | <dashed-ident>",
"initial": "none",
"appliesTo": "all elements that generate a principal box",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"values": [
{
"name": "none",
"prose": "The property has no effect.",
"type": "value",
"value": "none"
},
{
"name": "<dashed-ident>",
"prose": "If the element generates a principal box, the element is an anchor element, with an anchor name equal to the <dashed-ident>. The anchor name is a tree-scoped name. Otherwise, the property has no effect.",
"type": "value",
"value": "<dashed-ident>"
}
],
"styleDeclaration": [
"anchor-name",
"anchorName"
]
},
{
"name": "anchor-default",
"value": "<anchor-element>",
"initial": "implicit",
"appliesTo": "absolutely positioned elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"anchor-default",
"anchorDefault"
]
},
{
"name": "anchor-scroll",
"value": "none | default | <anchor-element>",
"initial": "default",
"appliesTo": "absolutely-positioned elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"values": [
{
"name": "none",
"prose": "No effect.",
"type": "value",
"value": "none"
},
{
"name": "default",
"prose": "Behaves identically to <anchor-element>, but draws its value from anchor-default on the element.",
"type": "value",
"value": "default"
},
{
"name": "<anchor-element>",
"prose": "Selects a target anchor element the same as anchor(), which will be compensated for in positioning and fallback.",
"type": "value",
"value": "<anchor-element>"
}
],
"styleDeclaration": [
"anchor-scroll",
"anchorScroll"
]
},
{
"name": "position-fallback",
"value": "none | <dashed-ident>",
"initial": "none",
"appliesTo": "absolutely-positioned elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"values": [
{
"name": "none",
"prose": "The property has no effect; the element does not use a position fallback list.",
"type": "value",
"value": "none"
},
{
"name": "<dashed-ident>",
"prose": "If there is a @position-fallback rule with a name matching the specified ident, then the element uses that position fallback list. Otherwise, this value has no effect.",
"type": "value",
"value": "<dashed-ident>"
}
],
"styleDeclaration": [
"position-fallback",
"positionFallback"
]
},
{
"name": "position-fallback-bounds",
"value": "normal | <dashed-ident>",
"initial": "normal",
"appliesTo": "absolutely positioned elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"values": [
{
"name": "normal",
"prose": "The element uses its normal (scroll-adjusted, inset-modified) containing block to determine if it’s overflowing for the purpose of selecting a position fallback list entry.",
"type": "value",
"value": "normal"
}
],
"styleDeclaration": [
"position-fallback-bounds",
"positionFallbackBounds"
]
}
],
"atrules": [
{
"name": "@position-fallback",
"prose": "The @position-fallback rule defines a position fallback list with a given name, specifying one or more sets of positioning properties inside of @try blocks that will be applied to an element, with each successive one serving as fallback if the previous would cause the element to partially or fully overflow its containing block.",
"descriptors": [],
"value": "@position-fallback <dashed-ident> { <rule-list> } @try { <declaration-list> }"
},
{
"name": "@try",
"prose": "The @position-fallback rule defines a position fallback list with a given name, specifying one or more sets of positioning properties inside of @try blocks that will be applied to an element, with each successive one serving as fallback if the previous would cause the element to partially or fully overflow its containing block.",
"descriptors": []
}
],
"selectors": [],
"values": [
{
"name": "anchor()",
"prose": "An absolutely-positioned element can use the anchor() function in its inset properties to refer to the position of one or more anchor elements. The anchor() function resolves to a <length>, exactly what is needed to position the given inset edge to the specified position on the anchor element.",
"type": "function",
"value": "anchor( <anchor-element>? <anchor-side>, <length-percentage>? )",
"values": [
{
"name": "<dashed-ident>",
"prose": "Specifies the anchor name it will look for. This name is a tree-scoped reference.",
"type": "value",
"value": "<dashed-ident>"
},
{
"name": "implicit",
"prose": "Selects the implicit anchor element defined for the element, if possible.",
"type": "value",
"value": "implicit"
},
{
"name": "auto",
"prose": "Resolves to one of the anchor element’s sides, depending on which inset property it’s used in. Also triggers automatic fallback behavior. See § 3.1.1 Automatic Anchor Positioning for more details.",
"type": "value",
"value": "auto"
},
{
"name": "auto-same",
"prose": "Resolves to one of the anchor element’s sides, depending on which inset property it’s used in. Also triggers automatic fallback behavior. See § 3.1.1 Automatic Anchor Positioning for more details.",
"type": "value",
"value": "auto-same"
},
{
"name": "top",
"prose": "Refers to the specified side of the anchor element.",
"type": "value",
"value": "top"
},
{
"name": "right",
"prose": "Refers to the specified side of the anchor element.",
"type": "value",
"value": "right"
},
{
"name": "bottom",
"prose": "Refers to the specified side of the anchor element.",
"type": "value",
"value": "bottom"
},
{
"name": "left",
"prose": "Refers to the specified side of the anchor element.",
"type": "value",
"value": "left"
},
{
"name": "start",
"prose": "Refers to one of the sides of the anchor element in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned element (for self-start and self-end) or the positioned element’s containing block (for start and end).",
"type": "value",
"value": "start"
},
{
"name": "end",
"prose": "Refers to one of the sides of the anchor element in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned element (for self-start and self-end) or the positioned element’s containing block (for start and end).",
"type": "value",
"value": "end"
},
{
"name": "self-start",
"prose": "Refers to one of the sides of the anchor element in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned element (for self-start and self-end) or the positioned element’s containing block (for start and end).",
"type": "value",
"value": "self-start"
},
{
"name": "self-end",
"prose": "Refers to one of the sides of the anchor element in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned element (for self-start and self-end) or the positioned element’s containing block (for start and end).",
"type": "value",
"value": "self-end"
},
{
"name": "<percentage>",
"prose": "Refers to a position a corresponding percentage between the start and end sides, with 0% being equivalent to start and 100% being equivalent to end. center is equivalent to 50%.",
"type": "value",
"value": "<percentage>"
},
{
"name": "center",
"prose": "Refers to a position a corresponding percentage between the start and end sides, with 0% being equivalent to start and 100% being equivalent to end. center is equivalent to 50%.",
"type": "value",
"value": "center"
}
]
},
{
"name": "<anchor-element>",
"type": "type",
"value": "<dashed-ident> | implicit"
},
{
"name": "<anchor-side>",
"type": "type",
"value": "auto | auto-same | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
},
{
"name": "anchor-size()",
"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>.",
"type": "function",
"value": "anchor( <anchor-element>? <anchor-size>, <length-percentage>? )",
"values": [
{
"name": "width",
"prose": "The physical <anchor-size> keywords (width and height) refer to the width and height, respectively, of the target anchor element. Unlike anchor(), there is no restriction on having to match axises; for example, width: anchor-size(--foo height); is valid.",
"type": "value",
"value": "width"
},
{
"name": "height",
"prose": "The physical <anchor-size> keywords (width and height) refer to the width and height, respectively, of the target anchor element. Unlike anchor(), there is no restriction on having to match axises; for example, width: anchor-size(--foo height); is valid.",
"type": "value",
"value": "height"
},
{
"name": "block",
"prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the element (for self-block and self-inline) or the writing mode of the element’s containing block (for block and inline).",
"type": "value",
"value": "block"
},
{
"name": "inline",
"prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the element (for self-block and self-inline) or the writing mode of the element’s containing block (for block and inline).",
"type": "value",
"value": "inline"
},
{
"name": "self-block",
"prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the element (for self-block and self-inline) or the writing mode of the element’s containing block (for block and inline).",
"type": "value",
"value": "self-block"
},
{
"name": "self-inline",
"prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the element (for self-block and self-inline) or the writing mode of the element’s containing block (for block and inline).",
"type": "value",
"value": "self-inline"
}
]
},
{
"name": "<anchor-size>",
"type": "type",
"value": "width | height | block | inline | self-block | self-inline"
}
]
}
Loading

0 comments on commit 9b790f1

Please sign in to comment.