@webref/css 6.14.1 → 6.15.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-align.json CHANGED
@@ -502,7 +502,7 @@
502
502
  "values": [
503
503
  {
504
504
  "name": "space-between",
505
- "prose": "The alignment subjects are evenly distributed in the alignment container. The first alignment subject is placed flush with the start edge of the alignment container, the last alignment subject is placed flush with the end edge of the alignment container, and the remaining alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same. The default fallback alignment for this value is flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
505
+ "prose": "The alignment subjects are evenly distributed in the alignment container. The first alignment subject is placed flush with the start edge of the alignment container, the last alignment subject is placed flush with the end edge of the alignment container, and the remaining alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same. The default fallback alignment for this value is safe flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
506
506
  "href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-between",
507
507
  "type": "value",
508
508
  "value": "space-between"
@@ -4,6 +4,222 @@
4
4
  "url": "https://drafts.csswg.org/css-backgrounds-4/"
5
5
  },
6
6
  "properties": [
7
+ {
8
+ "name": "background-repeat-x",
9
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-x",
10
+ "value": "<repetition>#",
11
+ "initial": "repeat",
12
+ "appliesTo": "all elements",
13
+ "inherited": "no",
14
+ "percentages": "N/A",
15
+ "computedValue": "as specified",
16
+ "canonicalOrder": "per grammar",
17
+ "animationType": "discrete",
18
+ "values": [
19
+ {
20
+ "name": "repeat",
21
+ "prose": "The image is repeated in the given direction as often as needed to cover the background painting area.",
22
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-repeat",
23
+ "type": "value",
24
+ "value": "repeat"
25
+ },
26
+ {
27
+ "name": "space",
28
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area without being clipped and then the repeated images are spaced out to fill the area. The first and last images touch the edges of the area. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area. The value of background-position for this direction is ignored, unless there is not enough space for two copies of the image in this direction, in which case only one image is placed and background-position determines its position in this direction.",
29
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-space",
30
+ "type": "value",
31
+ "value": "space"
32
+ },
33
+ {
34
+ "name": "round",
35
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area. If it doesn’t fit a whole number of times, it is rescaled so that it does. See the formula under background-size. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area.",
36
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-round",
37
+ "type": "value",
38
+ "value": "round"
39
+ },
40
+ {
41
+ "name": "no-repeat",
42
+ "prose": "The image is placed once and not repeated in the given direction.",
43
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-no-repeat",
44
+ "type": "value",
45
+ "value": "no-repeat"
46
+ }
47
+ ],
48
+ "styleDeclaration": [
49
+ "background-repeat-x",
50
+ "backgroundRepeatX"
51
+ ]
52
+ },
53
+ {
54
+ "name": "background-repeat-y",
55
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-y",
56
+ "value": "<repetition>#",
57
+ "initial": "repeat",
58
+ "appliesTo": "all elements",
59
+ "inherited": "no",
60
+ "percentages": "N/A",
61
+ "computedValue": "as specified",
62
+ "canonicalOrder": "per grammar",
63
+ "animationType": "discrete",
64
+ "values": [
65
+ {
66
+ "name": "repeat",
67
+ "prose": "The image is repeated in the given direction as often as needed to cover the background painting area.",
68
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-repeat",
69
+ "type": "value",
70
+ "value": "repeat"
71
+ },
72
+ {
73
+ "name": "space",
74
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area without being clipped and then the repeated images are spaced out to fill the area. The first and last images touch the edges of the area. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area. The value of background-position for this direction is ignored, unless there is not enough space for two copies of the image in this direction, in which case only one image is placed and background-position determines its position in this direction.",
75
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-space",
76
+ "type": "value",
77
+ "value": "space"
78
+ },
79
+ {
80
+ "name": "round",
81
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area. If it doesn’t fit a whole number of times, it is rescaled so that it does. See the formula under background-size. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area.",
82
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-round",
83
+ "type": "value",
84
+ "value": "round"
85
+ },
86
+ {
87
+ "name": "no-repeat",
88
+ "prose": "The image is placed once and not repeated in the given direction.",
89
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-no-repeat",
90
+ "type": "value",
91
+ "value": "no-repeat"
92
+ }
93
+ ],
94
+ "styleDeclaration": [
95
+ "background-repeat-y",
96
+ "backgroundRepeatY"
97
+ ]
98
+ },
99
+ {
100
+ "name": "background-repeat-block",
101
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-block",
102
+ "value": "<repetition>#",
103
+ "initial": "repeat",
104
+ "appliesTo": "all elements",
105
+ "inherited": "no",
106
+ "percentages": "N/A",
107
+ "computedValue": "as specified",
108
+ "canonicalOrder": "per grammar",
109
+ "animationType": "discrete",
110
+ "values": [
111
+ {
112
+ "name": "repeat",
113
+ "prose": "The image is repeated in the given direction as often as needed to cover the background painting area.",
114
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-repeat",
115
+ "type": "value",
116
+ "value": "repeat"
117
+ },
118
+ {
119
+ "name": "space",
120
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area without being clipped and then the repeated images are spaced out to fill the area. The first and last images touch the edges of the area. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area. The value of background-position for this direction is ignored, unless there is not enough space for two copies of the image in this direction, in which case only one image is placed and background-position determines its position in this direction.",
121
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-space",
122
+ "type": "value",
123
+ "value": "space"
124
+ },
125
+ {
126
+ "name": "round",
127
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area. If it doesn’t fit a whole number of times, it is rescaled so that it does. See the formula under background-size. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area.",
128
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-round",
129
+ "type": "value",
130
+ "value": "round"
131
+ },
132
+ {
133
+ "name": "no-repeat",
134
+ "prose": "The image is placed once and not repeated in the given direction.",
135
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-no-repeat",
136
+ "type": "value",
137
+ "value": "no-repeat"
138
+ }
139
+ ],
140
+ "styleDeclaration": [
141
+ "background-repeat-block",
142
+ "backgroundRepeatBlock"
143
+ ]
144
+ },
145
+ {
146
+ "name": "background-repeat-inline",
147
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-inline",
148
+ "value": "<repetition>#",
149
+ "initial": "repeat",
150
+ "appliesTo": "all elements",
151
+ "inherited": "no",
152
+ "percentages": "N/A",
153
+ "computedValue": "as specified",
154
+ "canonicalOrder": "per grammar",
155
+ "animationType": "discrete",
156
+ "values": [
157
+ {
158
+ "name": "repeat",
159
+ "prose": "The image is repeated in the given direction as often as needed to cover the background painting area.",
160
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-repeat",
161
+ "type": "value",
162
+ "value": "repeat"
163
+ },
164
+ {
165
+ "name": "space",
166
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area without being clipped and then the repeated images are spaced out to fill the area. The first and last images touch the edges of the area. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area. The value of background-position for this direction is ignored, unless there is not enough space for two copies of the image in this direction, in which case only one image is placed and background-position determines its position in this direction.",
167
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-space",
168
+ "type": "value",
169
+ "value": "space"
170
+ },
171
+ {
172
+ "name": "round",
173
+ "prose": "The image is repeated in the given direction as often as will fit within the background positioning area. If it doesn’t fit a whole number of times, it is rescaled so that it does. See the formula under background-size. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area.",
174
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-round",
175
+ "type": "value",
176
+ "value": "round"
177
+ },
178
+ {
179
+ "name": "no-repeat",
180
+ "prose": "The image is placed once and not repeated in the given direction.",
181
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-x-no-repeat",
182
+ "type": "value",
183
+ "value": "no-repeat"
184
+ }
185
+ ],
186
+ "styleDeclaration": [
187
+ "background-repeat-inline",
188
+ "backgroundRepeatInline"
189
+ ]
190
+ },
191
+ {
192
+ "name": "background-repeat",
193
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat",
194
+ "value": "<repeat-style>#",
195
+ "initial": "repeat",
196
+ "appliesTo": "all elements",
197
+ "inherited": "no",
198
+ "percentages": "N/A",
199
+ "computedValue": "list, each item a pair of keywords, one per dimension",
200
+ "canonicalOrder": "per grammar",
201
+ "animationType": "discrete",
202
+ "values": [
203
+ {
204
+ "name": "repeat-x",
205
+ "prose": "Computes to repeat no-repeat.",
206
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-repeat-x",
207
+ "type": "value",
208
+ "value": "repeat-x"
209
+ },
210
+ {
211
+ "name": "repeat-y",
212
+ "prose": "Computes to no-repeat repeat.",
213
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-repeat-repeat-y",
214
+ "type": "value",
215
+ "value": "repeat-y"
216
+ }
217
+ ],
218
+ "styleDeclaration": [
219
+ "background-repeat",
220
+ "backgroundRepeat"
221
+ ]
222
+ },
7
223
  {
8
224
  "name": "background-position",
9
225
  "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position",
@@ -124,6 +340,18 @@
124
340
  "atrules": [],
125
341
  "selectors": [],
126
342
  "values": [
343
+ {
344
+ "name": "<repetition>",
345
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-repetition",
346
+ "type": "type",
347
+ "value": "repeat | space | round | no-repeat"
348
+ },
349
+ {
350
+ "name": "<repeat-style>",
351
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-repeat-style",
352
+ "type": "type",
353
+ "value": "repeat-x | repeat-y | <repetition>{1,2}"
354
+ },
127
355
  {
128
356
  "name": "<bg-position>",
129
357
  "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-position",
@@ -134,7 +362,7 @@
134
362
  "name": "<bg-clip>",
135
363
  "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-clip",
136
364
  "type": "type",
137
- "value": "<visual-box> | border | text",
365
+ "value": "<visual-box> | border-area| text",
138
366
  "values": [
139
367
  {
140
368
  "name": "<visual-box>",
@@ -151,11 +379,11 @@
151
379
  "value": "text"
152
380
  },
153
381
  {
154
- "name": "border",
382
+ "name": "border-area",
155
383
  "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.",
156
- "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-border",
384
+ "href": "https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-border-area",
157
385
  "type": "value",
158
- "value": "border"
386
+ "value": "border-area"
159
387
  }
160
388
  ]
161
389
  }
package/css-box.json CHANGED
@@ -114,26 +114,26 @@
114
114
  "value": "block-start"
115
115
  },
116
116
  {
117
- "name": "inline-start",
117
+ "name": "block-end",
118
118
  "prose": "For in-flow boxes contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any descendant margins collapsed with such a margin (but not its own, its siblings’, or its ancestors’).",
119
+ "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-block-end",
120
+ "type": "value",
121
+ "value": "block-end"
122
+ },
123
+ {
124
+ "name": "inline-start",
125
+ "prose": "Computes to block-start block-end.",
119
126
  "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-inline-start",
120
127
  "type": "value",
121
128
  "value": "inline-start"
122
129
  },
123
130
  {
124
131
  "name": "inline-end",
125
- "prose": "For in-flow boxes contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any descendant margins collapsed with such a margin (but not its own, its siblings’, or its ancestors’).",
132
+ "prose": "Computes to block-start block-end.",
126
133
  "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-inline-end",
127
134
  "type": "value",
128
135
  "value": "inline-end"
129
136
  },
130
- {
131
- "name": "block-end",
132
- "prose": "For in-flow boxes contained by this box, margins adjacent to the box’s specified edges are truncated to zero. It also truncates any descendant margins collapsed with such a margin (but not its own, its siblings’, or its ancestors’).",
133
- "href": "https://drafts.csswg.org/css-box-4/#valdef-margin-trim-block-end",
134
- "type": "value",
135
- "value": "block-end"
136
- },
137
137
  {
138
138
  "name": "block",
139
139
  "prose": "Computes to block-start block-end.",
@@ -17,13 +17,13 @@
17
17
  "values": [
18
18
  {
19
19
  "name": "<scope-start>",
20
- "prose": "<scope-start> is a <forgiving-selector-list> selector used to identify the scoping root(s).",
20
+ "prose": "<scope-start> is a <selector-list> selector used to identify the scoping root(s).",
21
21
  "href": "https://drafts.csswg.org/css-cascade-6/#typedef-scope-start",
22
22
  "type": "type"
23
23
  },
24
24
  {
25
25
  "name": "<scope-end>",
26
- "prose": "<scope-end> is a <forgiving-selector-list> selector used to identify any scoping limits.",
26
+ "prose": "<scope-end> is a <selector-list> selector used to identify any scoping limits.",
27
27
  "href": "https://drafts.csswg.org/css-cascade-6/#typedef-scope-end",
28
28
  "type": "type"
29
29
  }
package/css-color-6.json CHANGED
@@ -48,6 +48,13 @@
48
48
  "href": "https://drafts.csswg.org/css-color-6/#typedef-wcag2",
49
49
  "type": "type",
50
50
  "value": "wcag2 | wcag2([<number> | [ aa | aaa ] && large? ])"
51
+ },
52
+ {
53
+ "name": "color-layers()",
54
+ "prose": "The color-layers() functional notation takes an optional <blend-mode> followed by a list of two or more <color> layers.",
55
+ "href": "https://drafts.csswg.org/css-color-6/#funcdef-color-layers",
56
+ "type": "function",
57
+ "value": "color-layers([ <blend-mode>, ]? <color># )"
51
58
  }
52
59
  ]
53
60
  }
package/css-easing.json CHANGED
@@ -15,7 +15,7 @@
15
15
  "values": [
16
16
  {
17
17
  "name": "linear",
18
- "prose": "The linear keyword produces a linear easing function with two points:",
18
+ "prose": "The linear keyword produces an identity linear easing function whose output progress value is equal to the input progress value for all inputs.",
19
19
  "href": "https://drafts.csswg.org/css-easing-2/#valdef-easing-function-linear",
20
20
  "type": "value",
21
21
  "value": "linear"
package/css-inline.json CHANGED
@@ -475,9 +475,9 @@
475
475
  ]
476
476
  },
477
477
  {
478
- "name": "text-box-edge",
479
- "href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-edge",
480
- "value": "leading | [ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
478
+ "name": "line-fit-edge",
479
+ "href": "https://drafts.csswg.org/css-inline-3/#propdef-line-fit-edge",
480
+ "value": "leading | <text-edge>",
481
481
  "initial": "leading",
482
482
  "appliesTo": "inline boxes",
483
483
  "inherited": "yes",
@@ -489,62 +489,87 @@
489
489
  {
490
490
  "name": "leading",
491
491
  "prose": "Use the ascent/descent plus any positive half-leading. Margin/padding/border is ignored for the purpose of sizing the line box.",
492
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-leading",
492
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-leading",
493
493
  "type": "value",
494
494
  "value": "leading"
495
495
  },
496
496
  {
497
497
  "name": "text",
498
- "prose": "Use the text-over baseline/text-under baseline.",
499
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-text",
498
+ "prose": "Use the text-over baseline/text-under baseline as the over/under edge.",
499
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-text",
500
500
  "type": "value",
501
501
  "value": "text"
502
502
  },
503
503
  {
504
504
  "name": "cap",
505
- "prose": "Use the cap-height baseline.",
506
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-cap",
505
+ "prose": "Use the cap-height baseline as the over edge.",
506
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-cap",
507
507
  "type": "value",
508
508
  "value": "cap"
509
509
  },
510
510
  {
511
511
  "name": "ex",
512
- "prose": "Use the x-height baseline.",
513
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-ex",
512
+ "prose": "Use the x-height baseline as the over edge.",
513
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-ex",
514
514
  "type": "value",
515
515
  "value": "ex"
516
516
  },
517
517
  {
518
518
  "name": "ideographic",
519
- "prose": "Use the ideographic-over baseline/ideographic-under baseline.",
520
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-ideographic",
519
+ "prose": "Use the ideographic-over baseline/ideographic-under baseline as the over/under edge.",
520
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-ideographic",
521
521
  "type": "value",
522
522
  "value": "ideographic"
523
523
  },
524
524
  {
525
525
  "name": "ideographic-ink",
526
- "prose": "Use the ideographic-ink-over baseline/ideographic-ink-under baseline.",
527
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-ideographic-ink",
526
+ "prose": "Use the ideographic-ink-over baseline/ideographic-ink-under baseline as the over/under edge.",
527
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-ideographic-ink",
528
528
  "type": "value",
529
529
  "value": "ideographic-ink"
530
530
  },
531
531
  {
532
532
  "name": "alphabetic",
533
- "prose": "Use the alphabetic baseline.",
534
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-alphabetic",
533
+ "prose": "Use the alphabetic baseline as the under edge.",
534
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-alphabetic",
535
535
  "type": "value",
536
536
  "value": "alphabetic"
537
537
  }
538
538
  ],
539
539
  "styleDeclaration": [
540
- "text-box-edge",
541
- "textBoxEdge"
540
+ "line-fit-edge",
541
+ "lineFitEdge"
542
+ ]
543
+ },
544
+ {
545
+ "name": "text-box",
546
+ "href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box",
547
+ "value": "normal | <'text-box-trim'> || <'text-box-edge'>",
548
+ "initial": "normal",
549
+ "appliesTo": "block containers and inline boxes",
550
+ "inherited": "no",
551
+ "percentages": "N/A",
552
+ "computedValue": "the specified keyword",
553
+ "canonicalOrder": "per grammar",
554
+ "animationType": "discrete",
555
+ "values": [
556
+ {
557
+ "name": "normal",
558
+ "prose": "If the single keyword normal is specified, it sets text-box-trim to none and text-box-edge to auto. Otherwise, omitting the text-box-trim value sets it to both (not the initial value), while omitting the text-box-edge value sets it to auto (the initial value).",
559
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-normal",
560
+ "type": "value",
561
+ "value": "normal"
562
+ }
563
+ ],
564
+ "styleDeclaration": [
565
+ "text-box",
566
+ "textBox"
542
567
  ]
543
568
  },
544
569
  {
545
570
  "name": "text-box-trim",
546
571
  "href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-trim",
547
- "value": "none | start | end | both",
572
+ "value": "none | trim-start | trim-end | trim-both",
548
573
  "initial": "none",
549
574
  "appliesTo": "block containers and inline boxes",
550
575
  "inherited": "no",
@@ -555,31 +580,31 @@
555
580
  "values": [
556
581
  {
557
582
  "name": "none",
558
- "prose": "No special handling of the first/last line box when applied to a block container. When applied to an inline box, specifies that the over/under content edges coincide with the text-over/text-under baselines regardless of text-box-edge (which nonetheless still affects line box sizing).",
583
+ "prose": "No special handling of the first/last line box when applied to a block container. When applied to an inline box, specifies that the over/under content edges coincide with the text-over/text-under baselines regardless of text-box-edge.",
559
584
  "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-trim-none",
560
585
  "type": "value",
561
586
  "value": "none"
562
587
  },
563
588
  {
564
- "name": "start",
565
- "prose": "For block containers: trim the block-start side of the first formatted line to the corresponding text-box-edge metric of its root inline box. If there is no such line, or if there is intervening non-zero padding or borders, there is no effect. For inline boxes: trims the block-start side of the box to match its content edge to the metric specified by text-box-edge (treating leading as text).",
566
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-trim-start",
589
+ "name": "trim-start",
590
+ "prose": "For block containers: trim the block-start side of the first formatted line to the specified metric of its root inline box. If there is no such line, or if there is intervening non-zero padding or borders, there is no effect. For inline boxes: trims the block-start side of the box to match its content edge to the metric specified by text-box-edge.",
591
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-trim-trim-start",
567
592
  "type": "value",
568
- "value": "start"
593
+ "value": "trim-start"
569
594
  },
570
595
  {
571
- "name": "end",
572
- "prose": "For block containers: trim the block-end side of the last formatted line to the corresponding text-box-edge metric of its root inline box. If there is no such line, or if there is intervening non-zero padding or borders, there is no effect. For inline boxes: trims the block-end side of the box to match its content edge to the metric specified by text-box-edge (treating leading as text).",
573
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-trim-end",
596
+ "name": "trim-end",
597
+ "prose": "For block containers: trim the block-end side of the last formatted line to the specified metric of its root inline box. If there is no such line, or if there is intervening non-zero padding or borders, there is no effect. For inline boxes: trims the block-end side of the box to match its content edge to the metric specified by text-box-edge.",
598
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-trim-trim-end",
574
599
  "type": "value",
575
- "value": "end"
600
+ "value": "trim-end"
576
601
  },
577
602
  {
578
- "name": "both",
579
- "prose": "Specifies the behavior of start and end simultaneously.",
580
- "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-trim-both",
603
+ "name": "trim-both",
604
+ "prose": "Specifies the behavior of trim-start and trim-end simultaneously.",
605
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-trim-trim-both",
581
606
  "type": "value",
582
- "value": "both"
607
+ "value": "trim-both"
583
608
  }
584
609
  ],
585
610
  "styleDeclaration": [
@@ -587,6 +612,31 @@
587
612
  "textBoxTrim"
588
613
  ]
589
614
  },
615
+ {
616
+ "name": "text-box-edge",
617
+ "href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-edge",
618
+ "value": "auto | <text-edge>",
619
+ "initial": "auto",
620
+ "appliesTo": "block containers and inline boxes",
621
+ "inherited": "no",
622
+ "percentages": "N/A",
623
+ "computedValue": "the specified keyword",
624
+ "canonicalOrder": "per grammar",
625
+ "animationType": "discrete",
626
+ "values": [
627
+ {
628
+ "name": "auto",
629
+ "prose": "This property specifies the metrics to use for text-box-trim effects. Values have the same meanings as for line-fit-edge; the auto keyword uses the value of line-fit-edge on the root inline box of the the affected line box, interpreting leading (the initial value) as text.",
630
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-text-box-edge-auto",
631
+ "type": "value",
632
+ "value": "auto"
633
+ }
634
+ ],
635
+ "styleDeclaration": [
636
+ "text-box-edge",
637
+ "textBoxEdge"
638
+ ]
639
+ },
590
640
  {
591
641
  "name": "inline-sizing",
592
642
  "href": "https://drafts.csswg.org/css-inline-3/#propdef-inline-sizing",
@@ -788,5 +838,64 @@
788
838
  ],
789
839
  "atrules": [],
790
840
  "selectors": [],
791
- "values": []
841
+ "values": [
842
+ {
843
+ "name": "<text-edge>",
844
+ "prose": "The <text-edge> value, which identifies specific font metrics, expands to",
845
+ "href": "https://drafts.csswg.org/css-inline-3/#typedef-text-edge",
846
+ "type": "type",
847
+ "value": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
848
+ "values": [
849
+ {
850
+ "name": "leading",
851
+ "prose": "Use the ascent/descent plus any positive half-leading. Margin/padding/border is ignored for the purpose of sizing the line box.",
852
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-leading",
853
+ "type": "value",
854
+ "value": "leading"
855
+ },
856
+ {
857
+ "name": "text",
858
+ "prose": "Use the text-over baseline/text-under baseline as the over/under edge.",
859
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-text",
860
+ "type": "value",
861
+ "value": "text"
862
+ },
863
+ {
864
+ "name": "cap",
865
+ "prose": "Use the cap-height baseline as the over edge.",
866
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-cap",
867
+ "type": "value",
868
+ "value": "cap"
869
+ },
870
+ {
871
+ "name": "ex",
872
+ "prose": "Use the x-height baseline as the over edge.",
873
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-ex",
874
+ "type": "value",
875
+ "value": "ex"
876
+ },
877
+ {
878
+ "name": "ideographic",
879
+ "prose": "Use the ideographic-over baseline/ideographic-under baseline as the over/under edge.",
880
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-ideographic",
881
+ "type": "value",
882
+ "value": "ideographic"
883
+ },
884
+ {
885
+ "name": "ideographic-ink",
886
+ "prose": "Use the ideographic-ink-over baseline/ideographic-ink-under baseline as the over/under edge.",
887
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-ideographic-ink",
888
+ "type": "value",
889
+ "value": "ideographic-ink"
890
+ },
891
+ {
892
+ "name": "alphabetic",
893
+ "prose": "Use the alphabetic baseline as the under edge.",
894
+ "href": "https://drafts.csswg.org/css-inline-3/#valdef-line-fit-edge-alphabetic",
895
+ "type": "value",
896
+ "value": "alphabetic"
897
+ }
898
+ ]
899
+ }
900
+ ]
792
901
  }
package/css-position.json CHANGED
@@ -25,7 +25,7 @@
25
25
  },
26
26
  {
27
27
  "name": "relative",
28
- "prose": "The box is laid out as for static, then offset from the resulting position. This offsetting is a purely visual effect, and does not affect the size or position of any other box, except insofar as it increases the scrollable overflow area of its ancestors. This positioning scheme is called relative positioning.",
28
+ "prose": "The box is laid out as for static, then offset from the resulting position. This offsetting is a purely visual effect, and, unless otherwise specified, does not affect the size or position of any other non-descendant box except insofar as it increases the scrollable overflow area of its ancestors. This positioning scheme is called relative positioning.",
29
29
  "href": "https://drafts.csswg.org/css-position-3/#valdef-position-relative",
30
30
  "type": "value",
31
31
  "value": "relative"
package/css-values-5.json CHANGED
@@ -428,15 +428,8 @@
428
428
  "name": "calc-size()",
429
429
  "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-size",
430
430
  "type": "function",
431
- "value": "calc-size( <calc-size-basis>, <calc-sum>? )",
431
+ "value": "calc-size( <calc-size-basis>, <calc-sum> )",
432
432
  "values": [
433
- {
434
- "name": "percentage",
435
- "prose": "The percentage basis keyword indicates a basis size of 100%.",
436
- "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-size-percentage",
437
- "type": "value",
438
- "value": "percentage"
439
- },
440
433
  {
441
434
  "name": "size",
442
435
  "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.",
@@ -457,7 +450,7 @@
457
450
  "name": "<calc-size-basis>",
458
451
  "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-size-basis",
459
452
  "type": "type",
460
- "value": "[ <intrinsic-size-keyword> | percentage | <calc-size()> | any | <calc-sum> ]"
453
+ "value": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]"
461
454
  },
462
455
  {
463
456
  "name": "<intrinsic-size-keyword>",
@@ -25,7 +25,7 @@
25
25
  },
26
26
  {
27
27
  "name": "<custom-ident>+",
28
- "prose": "All of the specified <custom-ident> values (apart from none) are applied when used in named view transition pseudo-element selectors. none is an invalid <custom-ident> for view-transition-class, even when combined with another <custom-ident>.",
28
+ "prose": "All of the specified <custom-ident> values (apart from none) are applied when used in named view transition pseudo-element selectors. none is an invalid <custom-ident> for view-transition-class, even when combined with another <custom-ident>. Each 'view transition class' is a tree-scoped name.",
29
29
  "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-custom-ident",
30
30
  "type": "value",
31
31
  "value": "<custom-ident>+"
@@ -35,6 +35,52 @@
35
35
  "view-transition-class",
36
36
  "viewTransitionClass"
37
37
  ]
38
+ },
39
+ {
40
+ "name": "view-transition-group",
41
+ "href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-group",
42
+ "value": "normal | contain | nearest | <custom-ident>",
43
+ "initial": "normal",
44
+ "appliesTo": "all elements",
45
+ "inherited": "no",
46
+ "percentages": "n/a",
47
+ "computedValue": "as specified",
48
+ "canonicalOrder": "per grammar",
49
+ "animationType": "discrete",
50
+ "values": [
51
+ {
52
+ "name": "normal",
53
+ "prose": "The used value is the element’s nearest containing group name.",
54
+ "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-normal",
55
+ "type": "value",
56
+ "value": "normal"
57
+ },
58
+ {
59
+ "name": "nearest",
60
+ "prose": "The used value is the view-transition-name computed value of the nearest ancestor whose view-transition-name computed value is not none.",
61
+ "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-nearest",
62
+ "type": "value",
63
+ "value": "nearest"
64
+ },
65
+ {
66
+ "name": "contain",
67
+ "prose": "The used value is the element’s nearest containing group name.",
68
+ "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-contain",
69
+ "type": "value",
70
+ "value": "contain"
71
+ },
72
+ {
73
+ "name": "<custom-ident>",
74
+ "prose": "The used value is the given <custom-ident> if the element has an ancestor whose view-transition-name computed value is that <custom-ident>, otherwise the element’s nearest containing group name",
75
+ "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-custom-ident",
76
+ "type": "value",
77
+ "value": "<custom-ident>"
78
+ }
79
+ ],
80
+ "styleDeclaration": [
81
+ "view-transition-group",
82
+ "viewTransitionGroup"
83
+ ]
38
84
  }
39
85
  ],
40
86
  "atrules": [
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.14.1",
4
+ "version": "6.15.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/w3c/webref.git"
@@ -0,0 +1,21 @@
1
+ {
2
+ "spec": {
3
+ "title": "Selectors Level 5",
4
+ "url": "https://drafts.csswg.org/selectors-5/"
5
+ },
6
+ "properties": [],
7
+ "atrules": [],
8
+ "selectors": [
9
+ {
10
+ "name": ":local-link",
11
+ "prose": "The :local-link pseudo-class allows authors to style hyperlinks based on the users current location within a site and to differentiate site-internal versus site-external links.",
12
+ "href": "https://drafts.csswg.org/selectors-5/#local-link-pseudo"
13
+ },
14
+ {
15
+ "name": ":state()",
16
+ "prose": "The :state() pseudo-class takes a case-sensitive argument and matches custom elements whose exposed custom states include the argument.",
17
+ "href": "https://drafts.csswg.org/selectors-5/#selectordef-state"
18
+ }
19
+ ],
20
+ "values": []
21
+ }