@webref/css 6.1.0 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CSS.json +0 -34
- package/css-align.json +3 -2
- package/css-animations-2.json +22 -8
- package/css-break.json +2 -2
- package/css-fonts.json +4 -3
- package/css-gcpm-4.json +2 -2
- package/css-grid.json +4 -4
- package/css-highlight-api.json +2 -2
- package/css-images.json +72 -111
- package/css-link-params.json +32 -0
- package/css-overflow-4.json +179 -0
- package/css-overflow.json +32 -32
- package/css-sizing.json +3 -2
- package/css-speech.json +3 -2
- package/css-text-4.json +19 -13
- package/css-text-decor-4.json +2 -2
- package/css-text.json +5 -5
- package/css-transforms.json +3 -2
- package/css-view-transitions.json +8 -8
- package/fill-stroke.json +3 -2
- package/package.json +2 -2
- package/scroll-animations.json +14 -8
- package/selectors.json +48 -23
package/css-overflow-4.json
CHANGED
|
@@ -4,6 +4,185 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-overflow-4/"
|
|
5
5
|
},
|
|
6
6
|
"properties": [
|
|
7
|
+
{
|
|
8
|
+
"name": "overflow-clip-margin-top",
|
|
9
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
10
|
+
"initial": "0px",
|
|
11
|
+
"appliesTo": "boxes to which overflow applies",
|
|
12
|
+
"inherited": "no",
|
|
13
|
+
"percentages": "see individual properties",
|
|
14
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
15
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
16
|
+
"canonicalOrder": "per grammar",
|
|
17
|
+
"styleDeclaration": [
|
|
18
|
+
"overflow-clip-margin-top",
|
|
19
|
+
"overflowClipMarginTop"
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"name": "overflow-clip-margin-right",
|
|
24
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
25
|
+
"initial": "0px",
|
|
26
|
+
"appliesTo": "boxes to which overflow applies",
|
|
27
|
+
"inherited": "no",
|
|
28
|
+
"percentages": "see individual properties",
|
|
29
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
30
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
31
|
+
"canonicalOrder": "per grammar",
|
|
32
|
+
"styleDeclaration": [
|
|
33
|
+
"overflow-clip-margin-right",
|
|
34
|
+
"overflowClipMarginRight"
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"name": "overflow-clip-margin-bottom",
|
|
39
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
40
|
+
"initial": "0px",
|
|
41
|
+
"appliesTo": "boxes to which overflow applies",
|
|
42
|
+
"inherited": "no",
|
|
43
|
+
"percentages": "see individual properties",
|
|
44
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
45
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
46
|
+
"canonicalOrder": "per grammar",
|
|
47
|
+
"styleDeclaration": [
|
|
48
|
+
"overflow-clip-margin-bottom",
|
|
49
|
+
"overflowClipMarginBottom"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "overflow-clip-margin-left",
|
|
54
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
55
|
+
"initial": "0px",
|
|
56
|
+
"appliesTo": "boxes to which overflow applies",
|
|
57
|
+
"inherited": "no",
|
|
58
|
+
"percentages": "see individual properties",
|
|
59
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
60
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
61
|
+
"canonicalOrder": "per grammar",
|
|
62
|
+
"styleDeclaration": [
|
|
63
|
+
"overflow-clip-margin-left",
|
|
64
|
+
"overflowClipMarginLeft"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "overflow-clip-margin-block-start",
|
|
69
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
70
|
+
"initial": "0px",
|
|
71
|
+
"appliesTo": "boxes to which overflow applies",
|
|
72
|
+
"inherited": "no",
|
|
73
|
+
"percentages": "see individual properties",
|
|
74
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
75
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
76
|
+
"canonicalOrder": "per grammar",
|
|
77
|
+
"styleDeclaration": [
|
|
78
|
+
"overflow-clip-margin-block-start",
|
|
79
|
+
"overflowClipMarginBlockStart"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"name": "overflow-clip-margin-inline-start",
|
|
84
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
85
|
+
"initial": "0px",
|
|
86
|
+
"appliesTo": "boxes to which overflow applies",
|
|
87
|
+
"inherited": "no",
|
|
88
|
+
"percentages": "see individual properties",
|
|
89
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
90
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
91
|
+
"canonicalOrder": "per grammar",
|
|
92
|
+
"styleDeclaration": [
|
|
93
|
+
"overflow-clip-margin-inline-start",
|
|
94
|
+
"overflowClipMarginInlineStart"
|
|
95
|
+
]
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "overflow-clip-margin-block-end",
|
|
99
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
100
|
+
"initial": "0px",
|
|
101
|
+
"appliesTo": "boxes to which overflow applies",
|
|
102
|
+
"inherited": "no",
|
|
103
|
+
"percentages": "see individual properties",
|
|
104
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
105
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
106
|
+
"canonicalOrder": "per grammar",
|
|
107
|
+
"styleDeclaration": [
|
|
108
|
+
"overflow-clip-margin-block-end",
|
|
109
|
+
"overflowClipMarginBlockEnd"
|
|
110
|
+
]
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"name": "overflow-clip-margin-inline-end",
|
|
114
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
115
|
+
"initial": "0px",
|
|
116
|
+
"appliesTo": "boxes to which overflow applies",
|
|
117
|
+
"inherited": "no",
|
|
118
|
+
"percentages": "see individual properties",
|
|
119
|
+
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
120
|
+
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
|
|
121
|
+
"canonicalOrder": "per grammar",
|
|
122
|
+
"styleDeclaration": [
|
|
123
|
+
"overflow-clip-margin-inline-end",
|
|
124
|
+
"overflowClipMarginInlineEnd"
|
|
125
|
+
]
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"name": "overflow-clip-margin",
|
|
129
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
130
|
+
"initial": "0px",
|
|
131
|
+
"appliesTo": "boxes to which overflow applies",
|
|
132
|
+
"inherited": "no",
|
|
133
|
+
"percentages": "see individual properties",
|
|
134
|
+
"computedValue": "see individual properties",
|
|
135
|
+
"animationType": "see individual properties",
|
|
136
|
+
"canonicalOrder": "per grammar",
|
|
137
|
+
"values": [
|
|
138
|
+
{
|
|
139
|
+
"name": "<visual-box>",
|
|
140
|
+
"prose": "Specifies the box edge to use as the overflow clip edge origin, i.e. when the specified offset is zero. If omitted, defaults to padding-box on non-replaced elements, or content-box on replaced elements. Application of overflow-clip-margin to replaced elements is still being worked out. [Issue #7144]",
|
|
141
|
+
"type": "value",
|
|
142
|
+
"value": "<visual-box>"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"name": "<length [0,∞]>",
|
|
146
|
+
"prose": "The specified offset dictates how much the overflow clip edge is expanded from the specified box edge Negative values are invalid. Defaults to zero if omitted.",
|
|
147
|
+
"type": "value",
|
|
148
|
+
"value": "<length [0,∞]>"
|
|
149
|
+
}
|
|
150
|
+
],
|
|
151
|
+
"styleDeclaration": [
|
|
152
|
+
"overflow-clip-margin",
|
|
153
|
+
"overflowClipMargin"
|
|
154
|
+
]
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "overflow-clip-margin-inline",
|
|
158
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
159
|
+
"initial": "0px",
|
|
160
|
+
"appliesTo": "boxes to which overflow applies",
|
|
161
|
+
"inherited": "no",
|
|
162
|
+
"percentages": "see individual properties",
|
|
163
|
+
"computedValue": "see individual properties",
|
|
164
|
+
"animationType": "see individual properties",
|
|
165
|
+
"canonicalOrder": "per grammar",
|
|
166
|
+
"styleDeclaration": [
|
|
167
|
+
"overflow-clip-margin-inline",
|
|
168
|
+
"overflowClipMarginInline"
|
|
169
|
+
]
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "overflow-clip-margin-block",
|
|
173
|
+
"value": "<visual-box> || <length [0,∞]>",
|
|
174
|
+
"initial": "0px",
|
|
175
|
+
"appliesTo": "boxes to which overflow applies",
|
|
176
|
+
"inherited": "no",
|
|
177
|
+
"percentages": "see individual properties",
|
|
178
|
+
"computedValue": "see individual properties",
|
|
179
|
+
"animationType": "see individual properties",
|
|
180
|
+
"canonicalOrder": "per grammar",
|
|
181
|
+
"styleDeclaration": [
|
|
182
|
+
"overflow-clip-margin-block",
|
|
183
|
+
"overflowClipMarginBlock"
|
|
184
|
+
]
|
|
185
|
+
},
|
|
7
186
|
{
|
|
8
187
|
"name": "text-overflow",
|
|
9
188
|
"value": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
|
package/css-overflow.json
CHANGED
|
@@ -98,6 +98,36 @@
|
|
|
98
98
|
"overflowY"
|
|
99
99
|
]
|
|
100
100
|
},
|
|
101
|
+
{
|
|
102
|
+
"name": "overflow-block",
|
|
103
|
+
"value": "visible | hidden | clip | scroll | auto",
|
|
104
|
+
"initial": "visible",
|
|
105
|
+
"appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT], and replaced elements",
|
|
106
|
+
"inherited": "no",
|
|
107
|
+
"percentages": "N/A",
|
|
108
|
+
"computedValue": "usually specified value, but see text",
|
|
109
|
+
"canonicalOrder": "per grammar",
|
|
110
|
+
"animationType": "discrete",
|
|
111
|
+
"styleDeclaration": [
|
|
112
|
+
"overflow-block",
|
|
113
|
+
"overflowBlock"
|
|
114
|
+
]
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"name": "overflow-inline",
|
|
118
|
+
"value": "visible | hidden | clip | scroll | auto",
|
|
119
|
+
"initial": "visible",
|
|
120
|
+
"appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT], and replaced elements",
|
|
121
|
+
"inherited": "no",
|
|
122
|
+
"percentages": "N/A",
|
|
123
|
+
"computedValue": "usually specified value, but see text",
|
|
124
|
+
"canonicalOrder": "per grammar",
|
|
125
|
+
"animationType": "discrete",
|
|
126
|
+
"styleDeclaration": [
|
|
127
|
+
"overflow-inline",
|
|
128
|
+
"overflowInline"
|
|
129
|
+
]
|
|
130
|
+
},
|
|
101
131
|
{
|
|
102
132
|
"name": "overflow",
|
|
103
133
|
"value": "[ visible | hidden | clip | scroll | auto ]{1,2}",
|
|
@@ -148,7 +178,7 @@
|
|
|
148
178
|
"name": "overflow-clip-margin",
|
|
149
179
|
"value": "<visual-box> || <length [0,∞]>",
|
|
150
180
|
"initial": "0px",
|
|
151
|
-
"appliesTo": "
|
|
181
|
+
"appliesTo": "boxes to which overflow applies",
|
|
152
182
|
"inherited": "no",
|
|
153
183
|
"percentages": "n/a",
|
|
154
184
|
"computedValue": "the computed <length> and a <visual-box> keyword",
|
|
@@ -157,7 +187,7 @@
|
|
|
157
187
|
"values": [
|
|
158
188
|
{
|
|
159
189
|
"name": "<visual-box>",
|
|
160
|
-
"prose": "Specifies the box edge to use as the overflow clip edge origin, i.e. when the specified offset is zero. If omitted, defaults to padding-box
|
|
190
|
+
"prose": "Specifies the box edge to use as the overflow clip edge origin, i.e. when the specified offset is zero. If omitted, defaults to padding-box.",
|
|
161
191
|
"type": "value",
|
|
162
192
|
"value": "<visual-box>"
|
|
163
193
|
},
|
|
@@ -173,36 +203,6 @@
|
|
|
173
203
|
"overflowClipMargin"
|
|
174
204
|
]
|
|
175
205
|
},
|
|
176
|
-
{
|
|
177
|
-
"name": "overflow-inline",
|
|
178
|
-
"value": "<'overflow'>",
|
|
179
|
-
"initial": "visible",
|
|
180
|
-
"appliesTo": "Same as overflow-x and overflow-y",
|
|
181
|
-
"inherited": "no",
|
|
182
|
-
"percentages": "N/A",
|
|
183
|
-
"computedValue": "Same as overflow-x and overflow-y",
|
|
184
|
-
"canonicalOrder": "per grammar",
|
|
185
|
-
"animationType": "discrete",
|
|
186
|
-
"styleDeclaration": [
|
|
187
|
-
"overflow-inline",
|
|
188
|
-
"overflowInline"
|
|
189
|
-
]
|
|
190
|
-
},
|
|
191
|
-
{
|
|
192
|
-
"name": "overflow-block",
|
|
193
|
-
"value": "<'overflow'>",
|
|
194
|
-
"initial": "visible",
|
|
195
|
-
"appliesTo": "Same as overflow-x and overflow-y",
|
|
196
|
-
"inherited": "no",
|
|
197
|
-
"percentages": "N/A",
|
|
198
|
-
"computedValue": "Same as overflow-x and overflow-y",
|
|
199
|
-
"canonicalOrder": "per grammar",
|
|
200
|
-
"animationType": "discrete",
|
|
201
|
-
"styleDeclaration": [
|
|
202
|
-
"overflow-block",
|
|
203
|
-
"overflowBlock"
|
|
204
|
-
]
|
|
205
|
-
},
|
|
206
206
|
{
|
|
207
207
|
"name": "scroll-behavior",
|
|
208
208
|
"value": "auto | smooth",
|
package/css-sizing.json
CHANGED
|
@@ -297,8 +297,9 @@
|
|
|
297
297
|
},
|
|
298
298
|
{
|
|
299
299
|
"name": "border-box",
|
|
300
|
-
"
|
|
301
|
-
"type": "value"
|
|
300
|
+
"prose": "Sizes specified on sizing properties as <length-percentage> represent the box’s visually-apparent sizes, including the borders/padding (but not margin): they are applied to the border box. The padding and border of the box are laid out and drawn inside the specified width and height, with the content box sized to fill the remaining space, floored at zero. The content width and height are calculated by subtracting the border and padding widths of the respective sides from the specified <length-percentage>. As the content width and height cannot be negative, this computation is floored at zero. Used values, as exposed for instance through getComputedStyle(), also refer to the border box.",
|
|
301
|
+
"type": "value",
|
|
302
|
+
"value": "border-box"
|
|
302
303
|
}
|
|
303
304
|
],
|
|
304
305
|
"styleDeclaration": [
|
package/css-speech.json
CHANGED
|
@@ -525,8 +525,9 @@
|
|
|
525
525
|
"values": [
|
|
526
526
|
{
|
|
527
527
|
"name": "<family-name>",
|
|
528
|
-
"
|
|
529
|
-
"type": "value"
|
|
528
|
+
"prose": "Values are specific voice instances (e.g., Mike, comedian, mary, carlos2, \"valley girl\"). Like font-family names, voice names must either be given quoted as strings, or unquoted as a sequence of one or more identifiers. If a sequence of identifiers is given as a voice name, the computed value is the name converted to a string by joining all the identifiers in the sequence by single spaces. Voice names that happen to be the same as the gender keywords (male, female and neutral) or that happen to match the CSS-wide keywords or preserve must be quoted to disambiguate with these keywords. The keyword default is reserved for future use and must also be quoted when used as voice names. It is recommended to quote voice names that contain white space, digits, or punctuation characters other than hyphens—even if these voice names are valid in unquoted form—in order to improve code clarity. For example: voice-family: \"john doe\", \"Henry the-8th\";",
|
|
529
|
+
"type": "value",
|
|
530
|
+
"value": "<family-name>"
|
|
530
531
|
},
|
|
531
532
|
{
|
|
532
533
|
"name": "<age>",
|
package/css-text-4.json
CHANGED
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
},
|
|
234
234
|
{
|
|
235
235
|
"name": "text-space-trim",
|
|
236
|
-
"value": "none |
|
|
236
|
+
"value": "none | discard-inner || discard-before || discard-after",
|
|
237
237
|
"initial": "none",
|
|
238
238
|
"appliesTo": "inline boxes and block containers",
|
|
239
239
|
"inherited": "no",
|
|
@@ -243,10 +243,10 @@
|
|
|
243
243
|
"animationType": "discrete",
|
|
244
244
|
"values": [
|
|
245
245
|
{
|
|
246
|
-
"name": "
|
|
246
|
+
"name": "discard-inner",
|
|
247
247
|
"prose": "For block containers this value directs UAs to discard all whitespace at the beginning of the element up to and including the last segment break before the first non-white-space character in the element as well as to discard all white space at the end of the element starting with the first segment break after the last non-white-space character in the element. For other elements this value directs UAs to discard all whitespace at the beginning and end of the element.",
|
|
248
248
|
"type": "value",
|
|
249
|
-
"value": "
|
|
249
|
+
"value": "discard-inner"
|
|
250
250
|
},
|
|
251
251
|
{
|
|
252
252
|
"name": "discard-before",
|
|
@@ -388,13 +388,13 @@
|
|
|
388
388
|
},
|
|
389
389
|
{
|
|
390
390
|
"name": "manual",
|
|
391
|
-
"prose": "Words are only hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. In Unicode, U+00AD is a conditional \"soft hyphen\" and U+2010 is an unconditional hyphen. Unicode Standard Annex #14 describes the role of soft hyphens in Unicode line breaking. [UAX14] In HTML, ­ represents the soft hyphen character, which suggests a hyphenation opportunity. ex­ample",
|
|
391
|
+
"prose": "Words are only hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. The UA must use the appropriate language-specific hyphenation character(s) and should apply any appropriate spelling changes just as for automatic hyphenation at the same point. In Unicode, U+00AD is a conditional \"soft hyphen\" and U+2010 is an unconditional hyphen. Unicode Standard Annex #14 describes the role of soft hyphens in Unicode line breaking. [UAX14] In HTML, ­ represents the soft hyphen character, which suggests a hyphenation opportunity. ex­ample",
|
|
392
392
|
"type": "value",
|
|
393
393
|
"value": "manual"
|
|
394
394
|
},
|
|
395
395
|
{
|
|
396
396
|
"name": "auto",
|
|
397
|
-
"prose": "Words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource in addition to those indicated explicitly by a conditional hyphen. Automatic hyphenation opportunities within a word must be ignored if the word contains a conditional hyphen (­ or U+00AD SOFT HYPHEN), in favor of the conditional hyphen(s). However, if, even after breaking at such opportunities, a portion of that word is still too long to fit on one line, an automatic hyphenation opportunity may be used.",
|
|
397
|
+
"prose": "Words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource in addition to those indicated explicitly by a conditional hyphen. Automatic hyphenation opportunities elsewhere within a word must be ignored if the word contains a conditional hyphen (­ or U+00AD SOFT HYPHEN), in favor of the conditional hyphen(s). However, if, even after breaking at such opportunities, a portion of that word is still too long to fit on one line, an automatic hyphenation opportunity may be used.",
|
|
398
398
|
"type": "value",
|
|
399
399
|
"value": "auto"
|
|
400
400
|
}
|
|
@@ -830,7 +830,7 @@
|
|
|
830
830
|
},
|
|
831
831
|
{
|
|
832
832
|
"name": "match-parent",
|
|
833
|
-
"prose": "This value behaves the same as inherit (computes to its parent’s computed value) except that an inherited value of start or end is interpreted against the parent’s
|
|
833
|
+
"prose": "This value behaves the same as inherit (computes to its parent’s computed value) except that an inherited value of start or end is interpreted against the parent’s direction value and results in a computed value of either left or right. Computes to start when specified on the root element. When specified on the text-align shorthand, sets both text-align-all and text-align-last to match-parent.",
|
|
834
834
|
"type": "value",
|
|
835
835
|
"value": "match-parent"
|
|
836
836
|
}
|
|
@@ -909,15 +909,21 @@
|
|
|
909
909
|
},
|
|
910
910
|
{
|
|
911
911
|
"name": "inter-character",
|
|
912
|
-
"prose": "Justification adjusts spacing between each pair of adjacent typographic character units (effectively varying the used letter-spacing on the line). This value is sometimes used in East Asian systems such as Japanese. Mixed-script text with text-justify: inter-character For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior.",
|
|
912
|
+
"prose": "Justification adjusts spacing between each pair of adjacent typographic character units (effectively varying the used letter-spacing on the line). This value is sometimes used in East Asian systems such as Japanese. Mixed-script text with text-justify: inter-character For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior. UAs may treat this as a legacy value alias.",
|
|
913
913
|
"type": "value",
|
|
914
914
|
"value": "inter-character"
|
|
915
915
|
},
|
|
916
916
|
{
|
|
917
917
|
"name": "distribute",
|
|
918
|
-
"prose": "For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior.",
|
|
918
|
+
"prose": "For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior. UAs may treat this as a legacy value alias.",
|
|
919
919
|
"type": "value",
|
|
920
920
|
"value": "distribute"
|
|
921
|
+
},
|
|
922
|
+
{
|
|
923
|
+
"name": "ruby",
|
|
924
|
+
"prose": "Justification adjusts spacing as for auto except: Justification opportunities are disabled at word separators. Justification opportunities are disabled between Bopomofo characters",
|
|
925
|
+
"type": "value",
|
|
926
|
+
"value": "ruby"
|
|
921
927
|
}
|
|
922
928
|
],
|
|
923
929
|
"styleDeclaration": [
|
|
@@ -996,10 +1002,10 @@
|
|
|
996
1002
|
"value": "normal"
|
|
997
1003
|
},
|
|
998
1004
|
{
|
|
999
|
-
"name": "<length-
|
|
1005
|
+
"name": "<length-percentage>",
|
|
1000
1006
|
"prose": "Specifies extra spacing in addition to the intrinsic inter-word spacing defined by the font.",
|
|
1001
1007
|
"type": "value",
|
|
1002
|
-
"value": "<length-
|
|
1008
|
+
"value": "<length-percentage>"
|
|
1003
1009
|
}
|
|
1004
1010
|
],
|
|
1005
1011
|
"styleDeclaration": [
|
|
@@ -1064,7 +1070,7 @@
|
|
|
1064
1070
|
"values": [
|
|
1065
1071
|
{
|
|
1066
1072
|
"name": "normal",
|
|
1067
|
-
"prose": "Specifies the baseline behavior, equivalent to space-start
|
|
1073
|
+
"prose": "Specifies the baseline behavior, equivalent to space-start trim-end trim-adjacent ideograph-alpha ideograph-numeric.",
|
|
1068
1074
|
"type": "value",
|
|
1069
1075
|
"value": "normal"
|
|
1070
1076
|
},
|
|
@@ -1136,13 +1142,13 @@
|
|
|
1136
1142
|
},
|
|
1137
1143
|
{
|
|
1138
1144
|
"name": "ideograph-alpha",
|
|
1139
|
-
"prose": "Creates extra spacing between runs of ideographs and non-ideographic letters.",
|
|
1145
|
+
"prose": "Creates extra spacing between runs of ideographs and non-ideographic letters, see § 8.4.1 Inter-script Spacing.",
|
|
1140
1146
|
"type": "value",
|
|
1141
1147
|
"value": "ideograph-alpha"
|
|
1142
1148
|
},
|
|
1143
1149
|
{
|
|
1144
1150
|
"name": "ideograph-numeric",
|
|
1145
|
-
"prose": "Creates extra spacing between runs of ideographs and non-ideographic numerals
|
|
1151
|
+
"prose": "Creates extra spacing between runs of ideographs and non-ideographic numerals, see § 8.4.1 Inter-script Spacing.",
|
|
1146
1152
|
"type": "value",
|
|
1147
1153
|
"value": "ideograph-numeric"
|
|
1148
1154
|
},
|
package/css-text-decor-4.json
CHANGED
|
@@ -649,9 +649,9 @@
|
|
|
649
649
|
{
|
|
650
650
|
"msg": "Dangling value",
|
|
651
651
|
"name": "auto",
|
|
652
|
-
"
|
|
653
|
-
"pureSyntax": false,
|
|
652
|
+
"prose": "The UA chooses a trim amount that ensures that if two identical underlined elements appear side-by-side they do not appear to have a single underline. (This is important in Chinese, where underlining is a form of punctuation.) text-decoration-skip-inset: auto for <u>石井</u><u>艾俐俐</u>",
|
|
654
653
|
"type": "value",
|
|
654
|
+
"value": "auto",
|
|
655
655
|
"for": "text-decoration-skip-inset"
|
|
656
656
|
},
|
|
657
657
|
{
|
package/css-text.json
CHANGED
|
@@ -232,13 +232,13 @@
|
|
|
232
232
|
},
|
|
233
233
|
{
|
|
234
234
|
"name": "manual",
|
|
235
|
-
"prose": "Words are only hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. In Unicode, U+00AD is a conditional \"soft hyphen\" and U+2010 is an unconditional hyphen. Unicode Standard Annex #14 describes the role of soft hyphens in Unicode line breaking. [UAX14] In HTML, ­ represents the soft hyphen character, which suggests a hyphenation opportunity. ex­ample",
|
|
235
|
+
"prose": "Words are only hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. The UA must use the appropriate language-specific hyphenation character(s) and should apply any appropriate spelling changes just as for automatic hyphenation at the same point. In Unicode, U+00AD is a conditional \"soft hyphen\" and U+2010 is an unconditional hyphen. Unicode Standard Annex #14 describes the role of soft hyphens in Unicode line breaking. [UAX14] In HTML, ­ represents the soft hyphen character, which suggests a hyphenation opportunity. ex­ample",
|
|
236
236
|
"type": "value",
|
|
237
237
|
"value": "manual"
|
|
238
238
|
},
|
|
239
239
|
{
|
|
240
240
|
"name": "auto",
|
|
241
|
-
"prose": "Words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource in addition to those indicated explicitly by a conditional hyphen. Automatic hyphenation opportunities within a word must be ignored if the word contains a conditional hyphen (­ or U+00AD SOFT HYPHEN), in favor of the conditional hyphen(s). However, if, even after breaking at such opportunities, a portion of that word is still too long to fit on one line, an automatic hyphenation opportunity may be used.",
|
|
241
|
+
"prose": "Words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource in addition to those indicated explicitly by a conditional hyphen. Automatic hyphenation opportunities elsewhere within a word must be ignored if the word contains a conditional hyphen (­ or U+00AD SOFT HYPHEN), in favor of the conditional hyphen(s). However, if, even after breaking at such opportunities, a portion of that word is still too long to fit on one line, an automatic hyphenation opportunity may be used.",
|
|
242
242
|
"type": "value",
|
|
243
243
|
"value": "auto"
|
|
244
244
|
}
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
},
|
|
353
353
|
{
|
|
354
354
|
"name": "match-parent",
|
|
355
|
-
"prose": "This value behaves the same as inherit (computes to its parent’s computed value) except that an inherited value of start or end is interpreted against the parent’s
|
|
355
|
+
"prose": "This value behaves the same as inherit (computes to its parent’s computed value) except that an inherited value of start or end is interpreted against the parent’s direction value and results in a computed value of either left or right. Computes to start when specified on the root element. When specified on the text-align shorthand, sets both text-align-all and text-align-last to match-parent.",
|
|
356
356
|
"type": "value",
|
|
357
357
|
"value": "match-parent"
|
|
358
358
|
}
|
|
@@ -431,13 +431,13 @@
|
|
|
431
431
|
},
|
|
432
432
|
{
|
|
433
433
|
"name": "inter-character",
|
|
434
|
-
"prose": "Justification adjusts spacing between each pair of adjacent typographic character units (effectively varying the used letter-spacing on the line). This value is sometimes used in East Asian systems such as Japanese. Mixed-script text with text-justify: inter-character For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior.",
|
|
434
|
+
"prose": "Justification adjusts spacing between each pair of adjacent typographic character units (effectively varying the used letter-spacing on the line). This value is sometimes used in East Asian systems such as Japanese. Mixed-script text with text-justify: inter-character For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior. UAs may treat this as a legacy value alias.",
|
|
435
435
|
"type": "value",
|
|
436
436
|
"value": "inter-character"
|
|
437
437
|
},
|
|
438
438
|
{
|
|
439
439
|
"name": "distribute",
|
|
440
|
-
"prose": "For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior.",
|
|
440
|
+
"prose": "For legacy reasons, UAs must also support the alternate keyword distribute which must compute to inter-character, thus having the exact same meaning and behavior. UAs may treat this as a legacy value alias.",
|
|
441
441
|
"type": "value",
|
|
442
442
|
"value": "distribute"
|
|
443
443
|
}
|
package/css-transforms.json
CHANGED
|
@@ -159,8 +159,9 @@
|
|
|
159
159
|
},
|
|
160
160
|
{
|
|
161
161
|
"name": "view-box",
|
|
162
|
-
"
|
|
163
|
-
"type": "value"
|
|
162
|
+
"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.",
|
|
163
|
+
"type": "value",
|
|
164
|
+
"value": "view-box"
|
|
164
165
|
}
|
|
165
166
|
],
|
|
166
167
|
"styleDeclaration": [
|
|
@@ -41,20 +41,20 @@
|
|
|
41
41
|
"prose": "This pseudo-element is the grouping container of all the other view-transition pseudo-elements. Its originating element is the document’s document element. The following is added to the HTML user agent style sheet: html::view-transition { position: fixed; inset: 0; }"
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": "::view-transition-group(
|
|
45
|
-
"
|
|
44
|
+
"name": "::view-transition-group()",
|
|
45
|
+
"value": "::view-transition-group( <pt-name-selector> )"
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
"name": "::view-transition-image-pair(
|
|
49
|
-
"
|
|
48
|
+
"name": "::view-transition-image-pair()",
|
|
49
|
+
"value": "::view-transition-image-pair( <pt-name-selector> )"
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
|
-
"name": "::view-transition-old(
|
|
53
|
-
"
|
|
52
|
+
"name": "::view-transition-old()",
|
|
53
|
+
"value": "::view-transition-old( <pt-name-selector> )"
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
|
-
"name": "::view-transition-new(
|
|
57
|
-
"
|
|
56
|
+
"name": "::view-transition-new()",
|
|
57
|
+
"value": "::view-transition-new( <pt-name-selector> )"
|
|
58
58
|
}
|
|
59
59
|
],
|
|
60
60
|
"values": [
|
package/fill-stroke.json
CHANGED
|
@@ -356,8 +356,9 @@
|
|
|
356
356
|
"values": [
|
|
357
357
|
{
|
|
358
358
|
"name": "<number>",
|
|
359
|
-
"
|
|
360
|
-
"type": "value"
|
|
359
|
+
"prose": "Specifies the limit on the join’s size as a ratio of its diagonal to the stroke-width. Values less than 1 are invalid (and make the declaration invalid). For a miter linejoin, the length of the diagonal is calculated from the angle between the two segments as stroke-width / sin(θ/2). The linejoin is clipped perpendicular to the line bisecting the angle between the two path segments. For an arcs linejoin, the length of the diagonal is calculated along a circular arc that is tangent to the line bisecting the angle between the two segments at the point the two segments intersect and passes through the end point of the join. The linejoin is clipped perpendicular to this arc.",
|
|
360
|
+
"type": "value",
|
|
361
|
+
"value": "<number>"
|
|
361
362
|
}
|
|
362
363
|
],
|
|
363
364
|
"styleDeclaration": [
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webref/css",
|
|
3
3
|
"description": "CSS definitions of the web platform",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.2.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/w3c/webref.git"
|
|
@@ -12,6 +12,6 @@
|
|
|
12
12
|
"license": "MIT",
|
|
13
13
|
"main": "index.js",
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"css-tree": "^2.
|
|
15
|
+
"css-tree": "^2.3.0"
|
|
16
16
|
}
|
|
17
17
|
}
|
package/scroll-animations.json
CHANGED
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "scroll-timeline-name",
|
|
9
|
-
"value": "none | <custom-ident
|
|
9
|
+
"value": "none | <custom-ident>#",
|
|
10
10
|
"initial": "none",
|
|
11
11
|
"appliesTo": "scroll containers",
|
|
12
12
|
"inherited": "no",
|
|
13
13
|
"percentages": "n/a",
|
|
14
|
-
"computedValue": "the
|
|
14
|
+
"computedValue": "the keyword none or a list of <custom-ident>s",
|
|
15
15
|
"canonicalOrder": "per grammar",
|
|
16
16
|
"animationType": "not animatable",
|
|
17
17
|
"styleDeclaration": [
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"name": "scroll-timeline-axis",
|
|
24
|
-
"value": "block | inline | vertical | horizontal",
|
|
24
|
+
"value": "[ block | inline | vertical | horizontal ]#",
|
|
25
25
|
"initial": "block",
|
|
26
26
|
"appliesTo": "scroll containers",
|
|
27
27
|
"inherited": "no",
|
|
28
28
|
"percentages": "n/a",
|
|
29
|
-
"computedValue": "the specified
|
|
29
|
+
"computedValue": "a list of the keywords specified",
|
|
30
30
|
"canonicalOrder": "per grammar",
|
|
31
31
|
"animationType": "not animatable",
|
|
32
32
|
"values": [
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
},
|
|
75
75
|
{
|
|
76
76
|
"name": "scroll-timeline",
|
|
77
|
-
"value": "<'scroll-timeline-name'>
|
|
77
|
+
"value": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
|
|
78
78
|
"initial": "see individual properties",
|
|
79
79
|
"appliesTo": "scroll containers",
|
|
80
80
|
"inherited": "no",
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
},
|
|
187
187
|
{
|
|
188
188
|
"name": "view-timeline",
|
|
189
|
-
"value": "[ <'view-timeline-name'>
|
|
189
|
+
"value": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
|
|
190
190
|
"initial": "see individual properties",
|
|
191
191
|
"appliesTo": "all elements",
|
|
192
192
|
"inherited": "see individual properties",
|
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
},
|
|
261
261
|
{
|
|
262
262
|
"name": "animation-delay-end",
|
|
263
|
-
"value": "[ <time> | <timeline-range-name> <percentage> ]",
|
|
263
|
+
"value": "[ <time> | <timeline-range-name> <percentage> ]#",
|
|
264
264
|
"initial": "0s",
|
|
265
265
|
"appliesTo": "all elements",
|
|
266
266
|
"inherited": "no",
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
"values": [
|
|
294
294
|
{
|
|
295
295
|
"name": "scroll()",
|
|
296
|
-
"prose": "The scroll() functional notation can be used as a value
|
|
296
|
+
"prose": "The scroll() functional notation can be used as a <single-animation-timeline> value in animation-timeline and specifies a scroll progress timeline. Its syntax is",
|
|
297
297
|
"type": "function",
|
|
298
298
|
"value": "scroll( [ <scroller> || <axis> ]? )",
|
|
299
299
|
"values": [
|
|
@@ -345,6 +345,12 @@
|
|
|
345
345
|
"type": "type",
|
|
346
346
|
"value": "root | nearest"
|
|
347
347
|
},
|
|
348
|
+
{
|
|
349
|
+
"name": "view()",
|
|
350
|
+
"prose": "The view() functional notation can be used as a <single-animation-timeline> value in animation-timeline and specifies a view progress timeline in reference to the nearest ancestor scroll container. Its syntax is",
|
|
351
|
+
"type": "function",
|
|
352
|
+
"value": "view( [ <axis> || <'view-timeline-inset'> ]? )"
|
|
353
|
+
},
|
|
348
354
|
{
|
|
349
355
|
"name": "<timeline-range-name>",
|
|
350
356
|
"prose": "A named timeline range is a named segment of an animation timeline. The start of the segment is represented as 0% progress through the range; the end of the segment is represented as 100% progress through the range. Multiple named timeline ranges can be attached to a given timeline, and multiple such ranges can overlap. For example, the contain range of a view progress timeline overlaps with its cover range. Named timeline ranges are represented by the <timeline-range-name> value type, which indicates a CSS identifier representing one of the predefined named timeline ranges.",
|