@webref/css 6.15.1 → 6.15.2
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-easing.json +77 -80
- package/css-grid-3.json +59 -8
- package/css-shapes-2.json +1 -1
- package/css-shapes.json +5 -5
- package/package.json +1 -1
package/css-easing.json
CHANGED
|
@@ -9,18 +9,15 @@
|
|
|
9
9
|
"values": [
|
|
10
10
|
{
|
|
11
11
|
"name": "<easing-function>",
|
|
12
|
-
"value": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
|
|
13
12
|
"href": "https://drafts.csswg.org/css-easing-2/#typedef-easing-function",
|
|
14
13
|
"type": "type",
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
]
|
|
14
|
+
"value": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"name": "<linear-easing-function>",
|
|
18
|
+
"href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-easing-function",
|
|
19
|
+
"type": "type",
|
|
20
|
+
"value": "linear | <linear()>"
|
|
24
21
|
},
|
|
25
22
|
{
|
|
26
23
|
"name": "linear()",
|
|
@@ -30,123 +27,123 @@
|
|
|
30
27
|
},
|
|
31
28
|
{
|
|
32
29
|
"name": "<cubic-bezier-easing-function>",
|
|
33
|
-
"value": "ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)",
|
|
34
30
|
"href": "https://drafts.csswg.org/css-easing-2/#typedef-cubic-bezier-easing-function",
|
|
35
31
|
"type": "type",
|
|
32
|
+
"value": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
|
|
36
33
|
"values": [
|
|
37
|
-
{
|
|
38
|
-
"name": "ease",
|
|
39
|
-
"prose": "Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1).",
|
|
40
|
-
"href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease",
|
|
41
|
-
"type": "value",
|
|
42
|
-
"value": "ease"
|
|
43
|
-
},
|
|
44
34
|
{
|
|
45
35
|
"name": "ease-in",
|
|
46
|
-
"prose": "Equivalent to cubic-bezier(0.42, 0, 1, 1).",
|
|
36
|
+
"prose": "A function that starts slowly and smoothly, then quickly approaches the endpoint with an almost linear curve. Equivalent to cubic-bezier(0.42, 0, 1, 1).",
|
|
47
37
|
"href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in",
|
|
48
38
|
"type": "value",
|
|
49
39
|
"value": "ease-in"
|
|
50
40
|
},
|
|
51
41
|
{
|
|
52
42
|
"name": "ease-out",
|
|
53
|
-
"prose": "Equivalent to cubic-bezier(0, 0, 0.58, 1).",
|
|
43
|
+
"prose": "A function that starts quickly with an almost linear curve, then slowly and smoothly approaches the endpoint. Equivalent to cubic-bezier(0, 0, 0.58, 1).",
|
|
54
44
|
"href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-out",
|
|
55
45
|
"type": "value",
|
|
56
46
|
"value": "ease-out"
|
|
57
47
|
},
|
|
58
48
|
{
|
|
59
49
|
"name": "ease-in-out",
|
|
60
|
-
"prose": "Equivalent to cubic-bezier(0.42, 0, 0.58, 1).",
|
|
50
|
+
"prose": "A function that starts and ends slowly and smoothly, quickly traversing the middle part. Equivalent to cubic-bezier(0.42, 0, 0.58, 1).",
|
|
61
51
|
"href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in-out",
|
|
62
52
|
"type": "value",
|
|
63
53
|
"value": "ease-in-out"
|
|
64
54
|
},
|
|
65
55
|
{
|
|
66
|
-
"name": "
|
|
67
|
-
"
|
|
68
|
-
"href": "https://drafts.csswg.org/css-easing-2/#
|
|
69
|
-
"type": "
|
|
56
|
+
"name": "ease",
|
|
57
|
+
"prose": "Similar to ease-in-out, but with a quicker start and a slower finish. Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1).",
|
|
58
|
+
"href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease",
|
|
59
|
+
"type": "value",
|
|
60
|
+
"value": "ease"
|
|
70
61
|
}
|
|
71
62
|
]
|
|
72
63
|
},
|
|
64
|
+
{
|
|
65
|
+
"name": "cubic-bezier()",
|
|
66
|
+
"href": "https://drafts.csswg.org/css-easing-2/#funcdef-cubic-bezier",
|
|
67
|
+
"type": "function",
|
|
68
|
+
"value": "cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"
|
|
69
|
+
},
|
|
73
70
|
{
|
|
74
71
|
"name": "<step-easing-function>",
|
|
75
|
-
"value": "step-start | step-end | steps(<integer> , <step-position>?)",
|
|
76
72
|
"href": "https://drafts.csswg.org/css-easing-2/#typedef-step-easing-function",
|
|
77
73
|
"type": "type",
|
|
74
|
+
"value": "step-start | step-end | <steps()>"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"name": "steps()",
|
|
78
|
+
"href": "https://drafts.csswg.org/css-easing-2/#funcdef-steps",
|
|
79
|
+
"type": "function",
|
|
80
|
+
"value": "steps( <integer>, <step-position>?)",
|
|
78
81
|
"values": [
|
|
79
82
|
{
|
|
80
83
|
"name": "step-start",
|
|
81
|
-
"prose": "Computes to steps(1, start)",
|
|
84
|
+
"prose": "Jumps from the starting to the ending value at the start of the easing interval. Computes to steps(1, start)",
|
|
82
85
|
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-start",
|
|
83
86
|
"type": "value",
|
|
84
87
|
"value": "step-start"
|
|
85
88
|
},
|
|
86
89
|
{
|
|
87
90
|
"name": "step-end",
|
|
88
|
-
"prose": "Computes to steps(1, end) Example step easing function keyword values.",
|
|
91
|
+
"prose": "Jumps from the starting to the ending value at the end of the easing interval. Computes to steps(1, end) Example step easing function keyword values.",
|
|
89
92
|
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-end",
|
|
90
93
|
"type": "value",
|
|
91
94
|
"value": "step-end"
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
"name": "steps()",
|
|
95
|
-
"value": "steps(<integer>, <step-position>?)",
|
|
96
|
-
"href": "https://drafts.csswg.org/css-easing-2/#funcdef-step-easing-function-steps",
|
|
97
|
-
"type": "function",
|
|
98
|
-
"values": [
|
|
99
|
-
{
|
|
100
|
-
"name": "jump-start",
|
|
101
|
-
"prose": "The first rise occurs at input progress value of 0.",
|
|
102
|
-
"href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-start",
|
|
103
|
-
"type": "value",
|
|
104
|
-
"value": "jump-start"
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
"name": "jump-end",
|
|
108
|
-
"prose": "The last rise occurs at input progress value of 1.",
|
|
109
|
-
"href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-end",
|
|
110
|
-
"type": "value",
|
|
111
|
-
"value": "jump-end"
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"name": "jump-none",
|
|
115
|
-
"prose": "All rises occur within the range (0, 1).",
|
|
116
|
-
"href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-none",
|
|
117
|
-
"type": "value",
|
|
118
|
-
"value": "jump-none"
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
"name": "jump-both",
|
|
122
|
-
"prose": "The first rise occurs at input progress value of 0 and the last rise occurs at input progress value of 1.",
|
|
123
|
-
"href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-both",
|
|
124
|
-
"type": "value",
|
|
125
|
-
"value": "jump-both"
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"name": "start",
|
|
129
|
-
"prose": "Behaves as jump-start.",
|
|
130
|
-
"href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-start",
|
|
131
|
-
"type": "value",
|
|
132
|
-
"value": "start"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"name": "end",
|
|
136
|
-
"prose": "Behaves as jump-end.",
|
|
137
|
-
"href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-end",
|
|
138
|
-
"type": "value",
|
|
139
|
-
"value": "end"
|
|
140
|
-
}
|
|
141
|
-
]
|
|
142
95
|
}
|
|
143
96
|
]
|
|
144
97
|
},
|
|
145
98
|
{
|
|
146
99
|
"name": "<step-position>",
|
|
147
|
-
"value": "jump-start | jump-end | jump-none | jump-both | start | end",
|
|
148
100
|
"href": "https://drafts.csswg.org/css-easing-2/#typedef-step-position",
|
|
149
|
-
"type": "type"
|
|
101
|
+
"type": "type",
|
|
102
|
+
"value": "jump-start | jump-end | jump-none | jump-both | start | end",
|
|
103
|
+
"values": [
|
|
104
|
+
{
|
|
105
|
+
"name": "jump-start",
|
|
106
|
+
"prose": "The first interval has an output progress value of 1/steps, and subsequent intervals rise by 1/steps. (It \"jumps at the start\", with no step returning 0.)",
|
|
107
|
+
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-start",
|
|
108
|
+
"type": "value",
|
|
109
|
+
"value": "jump-start"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"name": "jump-end",
|
|
113
|
+
"prose": "The first interval has an output progress value of 0, and subsequent intervals rise by 1/steps. (It \"jumps at the end\", with no step returning 1.)",
|
|
114
|
+
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-end",
|
|
115
|
+
"type": "value",
|
|
116
|
+
"value": "jump-end"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "jump-none",
|
|
120
|
+
"prose": "The first interval has an output progress value of 0, and subsequent intervals rise by 1/(steps-1). (It \"never jumps\", with steps returning both 0 and 1.)",
|
|
121
|
+
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-none",
|
|
122
|
+
"type": "value",
|
|
123
|
+
"value": "jump-none"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"name": "jump-both",
|
|
127
|
+
"prose": "The first interval has an output progress value of 1/(steps+1), and subsequent intervals rise by 1/(steps+1). (It \"jumps at both ends\", with no steps returning 0 or 1.)",
|
|
128
|
+
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-both",
|
|
129
|
+
"type": "value",
|
|
130
|
+
"value": "jump-both"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "start",
|
|
134
|
+
"prose": "Behaves as jump-start.",
|
|
135
|
+
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-start",
|
|
136
|
+
"type": "value",
|
|
137
|
+
"value": "start"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"name": "end",
|
|
141
|
+
"prose": "Behaves as jump-end.",
|
|
142
|
+
"href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-end",
|
|
143
|
+
"type": "value",
|
|
144
|
+
"value": "end"
|
|
145
|
+
}
|
|
146
|
+
]
|
|
150
147
|
}
|
|
151
148
|
]
|
|
152
149
|
}
|
package/css-grid-3.json
CHANGED
|
@@ -46,21 +46,21 @@
|
|
|
46
46
|
"values": [
|
|
47
47
|
{
|
|
48
48
|
"name": "row-reverse",
|
|
49
|
-
"prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the
|
|
49
|
+
"prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
|
|
50
50
|
"href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-row-reverse",
|
|
51
51
|
"type": "value",
|
|
52
52
|
"value": "row-reverse"
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
55
|
"name": "column-reverse",
|
|
56
|
-
"prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the
|
|
56
|
+
"prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
|
|
57
57
|
"href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-column-reverse",
|
|
58
58
|
"type": "value",
|
|
59
59
|
"value": "column-reverse"
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
62
|
"name": "wrap-reverse",
|
|
63
|
-
"prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the
|
|
63
|
+
"prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
|
|
64
64
|
"href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-wrap-reverse",
|
|
65
65
|
"type": "value",
|
|
66
66
|
"value": "wrap-reverse"
|
|
@@ -108,28 +108,28 @@
|
|
|
108
108
|
"values": [
|
|
109
109
|
{
|
|
110
110
|
"name": "column",
|
|
111
|
-
"prose": "The masonry container’s
|
|
111
|
+
"prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-start edge.",
|
|
112
112
|
"href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column",
|
|
113
113
|
"type": "value",
|
|
114
114
|
"value": "column"
|
|
115
115
|
},
|
|
116
116
|
{
|
|
117
117
|
"name": "column-reverse",
|
|
118
|
-
"prose": "The masonry container’s
|
|
118
|
+
"prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-end edge.",
|
|
119
119
|
"href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column-reverse",
|
|
120
120
|
"type": "value",
|
|
121
121
|
"value": "column-reverse"
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
124
|
"name": "row",
|
|
125
|
-
"prose": "The masonry container’s
|
|
125
|
+
"prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-start edge.",
|
|
126
126
|
"href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row",
|
|
127
127
|
"type": "value",
|
|
128
128
|
"value": "row"
|
|
129
129
|
},
|
|
130
130
|
{
|
|
131
131
|
"name": "row-reverse",
|
|
132
|
-
"prose": "The masonry container’s
|
|
132
|
+
"prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-end edge.",
|
|
133
133
|
"href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row-reverse",
|
|
134
134
|
"type": "value",
|
|
135
135
|
"value": "row-reverse"
|
|
@@ -188,6 +188,21 @@
|
|
|
188
188
|
"masonryFlow"
|
|
189
189
|
]
|
|
190
190
|
},
|
|
191
|
+
{
|
|
192
|
+
"name": "masonry",
|
|
193
|
+
"href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry",
|
|
194
|
+
"value": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
|
|
195
|
+
"initial": "see individual properties",
|
|
196
|
+
"appliesTo": "see individual properties",
|
|
197
|
+
"inherited": "see individual properties",
|
|
198
|
+
"percentages": "see individual properties",
|
|
199
|
+
"computedValue": "see individual properties",
|
|
200
|
+
"animationType": "see individual properties",
|
|
201
|
+
"canonicalOrder": "per grammar",
|
|
202
|
+
"styleDeclaration": [
|
|
203
|
+
"masonry"
|
|
204
|
+
]
|
|
205
|
+
},
|
|
191
206
|
{
|
|
192
207
|
"name": "masonry-template-tracks",
|
|
193
208
|
"href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-tracks",
|
|
@@ -236,6 +251,31 @@
|
|
|
236
251
|
"masonryAutoTracks"
|
|
237
252
|
]
|
|
238
253
|
},
|
|
254
|
+
{
|
|
255
|
+
"name": "masonry-slack",
|
|
256
|
+
"href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-slack",
|
|
257
|
+
"value": "<length-percentage>",
|
|
258
|
+
"initial": "1em",
|
|
259
|
+
"appliesTo": "masonry containers",
|
|
260
|
+
"inherited": "no",
|
|
261
|
+
"percentages": "relative to the grid-axis content box size of the masonry container",
|
|
262
|
+
"computedValue": "a computed length",
|
|
263
|
+
"canonicalOrder": "per grammar",
|
|
264
|
+
"animationType": "discrete",
|
|
265
|
+
"values": [
|
|
266
|
+
{
|
|
267
|
+
"name": "<length>",
|
|
268
|
+
"prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
|
|
269
|
+
"href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-length",
|
|
270
|
+
"type": "value",
|
|
271
|
+
"value": "<length>"
|
|
272
|
+
}
|
|
273
|
+
],
|
|
274
|
+
"styleDeclaration": [
|
|
275
|
+
"masonry-slack",
|
|
276
|
+
"masonrySlack"
|
|
277
|
+
]
|
|
278
|
+
},
|
|
239
279
|
{
|
|
240
280
|
"name": "masonry-track-start",
|
|
241
281
|
"href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track-start",
|
|
@@ -263,5 +303,16 @@
|
|
|
263
303
|
],
|
|
264
304
|
"atrules": [],
|
|
265
305
|
"selectors": [],
|
|
266
|
-
"values": []
|
|
306
|
+
"values": [],
|
|
307
|
+
"warnings": [
|
|
308
|
+
{
|
|
309
|
+
"msg": "Dangling value",
|
|
310
|
+
"name": "auto-areas",
|
|
311
|
+
"prose": "The new auto-areas value for the repeat() notation represents the number of repetitions necessary for the total number of explicit tracks to match the grid-template-areas / masonry-template-areas value in effect in the corresponding axis. If multiple tracks are listed for the repetition, the final repetition is truncated as necessary to produce the correct number of tracks.",
|
|
312
|
+
"href": "https://drafts.csswg.org/css-grid-3/#valdef-repeat-auto-areas",
|
|
313
|
+
"type": "value",
|
|
314
|
+
"value": "auto-areas",
|
|
315
|
+
"for": "repeat()"
|
|
316
|
+
}
|
|
317
|
+
]
|
|
267
318
|
}
|
package/css-shapes-2.json
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
34
|
"name": "<basic-shape>",
|
|
35
|
-
"prose": "The shape is computed based on the values of one of
|
|
35
|
+
"prose": "The shape is computed based on the values of one of the <basic-shape> functions.",
|
|
36
36
|
"href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-inside-basic-shape",
|
|
37
37
|
"type": "value",
|
|
38
38
|
"value": "<basic-shape>"
|
package/css-shapes.json
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
"name": "<basic-shape>",
|
|
28
|
-
"prose": "The shape is computed based on
|
|
28
|
+
"prose": "The shape is computed based on one of the <basic-shape> functions. If a <shape-box> is also supplied, this defines the reference box for the <basic-shape> function. If <shape-box> is not supplied, then the reference box defaults to margin-box.",
|
|
29
29
|
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-outside-basic-shape",
|
|
30
30
|
"type": "value",
|
|
31
31
|
"value": "<basic-shape>"
|
|
@@ -126,24 +126,24 @@
|
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
128
|
"name": "circle()",
|
|
129
|
-
"prose": "The <radial-size> argument defines the circle’s radius. Rather than referring to the gradient box, values are resolved against the
|
|
129
|
+
"prose": "The <radial-size> argument defines the circle’s radius. Rather than referring to the gradient box, values are resolved against the reference box. Two <length-percentage> values are invalid. The <position> argument defines the center of the circle. Unless otherwise specified, this defaults to center if omitted.",
|
|
130
130
|
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-circle",
|
|
131
131
|
"type": "function",
|
|
132
132
|
"value": "circle( <radial-size>? [ at <position> ]? )"
|
|
133
133
|
},
|
|
134
134
|
{
|
|
135
135
|
"name": "ellipse()",
|
|
136
|
-
"prose": "The <radial-size> argument defines the horizontal and vertical radiuses of the ellipse. Rather than referring to the gradient box, values are resolved against the
|
|
136
|
+
"prose": "The <radial-size> argument defines the horizontal and vertical radiuses of the ellipse. Rather than referring to the gradient box, values are resolved against the reference box. The <position> argument defines the center of the ellipse. Unless otherwise specified, this defaults to center if omitted.",
|
|
137
137
|
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-ellipse",
|
|
138
138
|
"type": "function",
|
|
139
139
|
"value": "ellipse( <radial-size>? [ at <position> ]? )"
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
142
|
"name": "polygon()",
|
|
143
|
-
"prose": "The <'fill-rule'> specifies the filling rule used to determine the interior Defaults to nonzero if omitted. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the
|
|
143
|
+
"prose": "The <'fill-rule'> specifies the filling rule used to determine the interior Defaults to nonzero if omitted. An optional <length> after a round keyword defines rounding for each vertex of the polygon. The length is the radius of a circle whose center lies on the bisector of the smaller angle of the vertex, and that is tangential to both sides of the vertex. Rounding polygon vertices that are both convex and concave. To avoid rounding more than half of any line segment, the rounding of each vertex must be clamped separately such that the radius is never more than the smaller of tan(angle/2) segment / 2 evaluated against both vertex line segments. This diagram shows the intent of the clamping formula. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the reference box. The UA must close a polygon by connecting the last vertex with the first vertex of the list.",
|
|
144
144
|
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-polygon",
|
|
145
145
|
"type": "function",
|
|
146
|
-
"value": "polygon( <'fill-rule'>? , [<length-percentage> <length-percentage>]# )"
|
|
146
|
+
"value": "polygon( <'fill-rule'>? [ round <length> ]? , [<length-percentage> <length-percentage>]# )"
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
149
|
"name": "path()",
|