@webref/css 6.10.4 → 6.11.1

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.
Files changed (114) hide show
  1. package/CSS.json +83 -8
  2. package/README.md +1 -0
  3. package/SVG.json +27 -0
  4. package/compat.json +75 -0
  5. package/compositing.json +22 -0
  6. package/css-align.json +59 -0
  7. package/css-anchor-position.json +247 -81
  8. package/css-animations-2.json +13 -0
  9. package/css-animations.json +34 -0
  10. package/css-backgrounds-4.json +12 -0
  11. package/css-backgrounds.json +78 -0
  12. package/css-borders.json +91 -0
  13. package/css-box.json +48 -0
  14. package/css-break.json +50 -0
  15. package/css-cascade-6.json +3 -0
  16. package/css-cascade.json +10 -0
  17. package/css-color-5.json +74 -0
  18. package/css-color-6.json +6 -0
  19. package/css-color-adjust.json +14 -0
  20. package/css-color.json +272 -0
  21. package/css-conditional-4.json +2 -0
  22. package/css-conditional-5.json +7 -0
  23. package/css-conditional.json +6 -0
  24. package/css-contain-3.json +27 -0
  25. package/css-contain.json +12 -0
  26. package/css-content.json +86 -13
  27. package/css-counter-styles.json +85 -0
  28. package/css-display.json +48 -0
  29. package/css-easing.json +24 -0
  30. package/css-env.json +11 -0
  31. package/css-exclusions.json +11 -0
  32. package/css-extensions.json +4 -0
  33. package/css-flexbox.json +24 -0
  34. package/css-fonts-5.json +49 -3
  35. package/css-fonts.json +207 -2
  36. package/css-gcpm-4.json +10 -4
  37. package/css-gcpm.json +13 -1
  38. package/css-grid-3.json +1 -0
  39. package/css-grid.json +88 -0
  40. package/css-highlight-api.json +3 -1
  41. package/css-images-4.json +49 -0
  42. package/css-images-5.json +3 -0
  43. package/css-images.json +46 -0
  44. package/css-inline.json +93 -0
  45. package/css-layout-api.json +1 -0
  46. package/css-line-grid.json +14 -0
  47. package/css-link-params.json +2 -0
  48. package/css-lists.json +34 -0
  49. package/css-logical.json +27 -0
  50. package/css-masking.json +69 -0
  51. package/css-multicol-2.json +5 -0
  52. package/css-multicol.json +19 -0
  53. package/css-namespaces.json +2 -0
  54. package/css-nav.json +10 -0
  55. package/css-nesting.json +2 -1
  56. package/css-overflow-4.json +37 -1
  57. package/css-overflow.json +38 -0
  58. package/css-overscroll.json +20 -0
  59. package/css-page-floats.json +34 -0
  60. package/css-page.json +52 -0
  61. package/css-paint-api.json +1 -0
  62. package/css-position-4.json +5 -1
  63. package/css-position.json +50 -0
  64. package/css-properties-values-api.json +4 -0
  65. package/css-pseudo.json +23 -10
  66. package/css-regions.json +3 -0
  67. package/css-rhythm.json +15 -0
  68. package/css-round-display.json +8 -0
  69. package/css-ruby.json +22 -0
  70. package/css-scoping.json +8 -4
  71. package/css-scroll-anchoring.json +3 -0
  72. package/css-scroll-snap-2.json +55 -5
  73. package/css-scroll-snap.json +53 -0
  74. package/css-scrollbars.json +7 -0
  75. package/css-shadow-parts.json +1 -0
  76. package/css-shapes-2.json +34 -0
  77. package/css-shapes.json +22 -0
  78. package/css-size-adjust.json +4 -0
  79. package/css-sizing-4.json +59 -0
  80. package/css-sizing.json +42 -0
  81. package/css-speech.json +115 -0
  82. package/css-syntax.json +43 -0
  83. package/css-tables.json +5 -0
  84. package/css-text-4.json +161 -0
  85. package/css-text-decor-4.json +75 -0
  86. package/css-text-decor.json +32 -0
  87. package/css-text.json +70 -0
  88. package/css-transforms-2.json +37 -0
  89. package/css-transforms.json +26 -0
  90. package/css-transitions-2.json +4 -0
  91. package/css-transitions.json +9 -0
  92. package/css-ui.json +92 -0
  93. package/css-values-5.json +59 -0
  94. package/css-values.json +115 -0
  95. package/css-variables.json +2 -0
  96. package/css-view-transitions-2.json +49 -3
  97. package/css-view-transitions.json +16 -13
  98. package/css-viewport.json +43 -0
  99. package/css-will-change.json +6 -0
  100. package/css-writing-modes.json +26 -0
  101. package/fill-stroke.json +66 -0
  102. package/filter-effects-2.json +1 -0
  103. package/filter-effects.json +24 -0
  104. package/html.json +3 -0
  105. package/mathml-core.json +3 -0
  106. package/mediaqueries-5.json +121 -0
  107. package/mediaqueries.json +77 -0
  108. package/motion.json +32 -0
  109. package/package.json +1 -1
  110. package/scroll-animations.json +54 -0
  111. package/selectors.json +173 -72
  112. package/svg-strokes.json +3 -0
  113. package/upgrade-insecure-requests.json +2 -0
  114. package/webvtt.json +8 -4
package/css-fonts.json CHANGED
@@ -6,6 +6,7 @@
6
6
  "properties": [
7
7
  {
8
8
  "name": "font-family",
9
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-family",
9
10
  "value": "[ <family-name> | <generic-family> ]#",
10
11
  "initial": "depends on user agent",
11
12
  "appliesTo": "all elements and text",
@@ -21,6 +22,7 @@
21
22
  },
22
23
  {
23
24
  "name": "font-weight",
25
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-weight",
24
26
  "value": "<font-weight-absolute> | bolder | lighter",
25
27
  "initial": "normal",
26
28
  "appliesTo": "all elements and text",
@@ -33,30 +35,35 @@
33
35
  {
34
36
  "name": "<number [1,1000]>",
35
37
  "prose": "Each number indicates a weight that is at least as dark as its predecessor. Only values greater than or equal to 1, and less than or equal to 1000, are valid, and all other values are invalid. Numeric values typically correspond to the commonly used weight names below. 100 - Thin 200 - Extra Light (Ultra Light) 300 - Light 400 - Normal 500 - Medium 600 - Semi Bold (Demi Bold) 700 - Bold 800 - Extra Bold (Ultra Bold) 900 - Black (Heavy)",
38
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-weight-number-1-1000",
36
39
  "type": "value",
37
40
  "value": "<number [1,1000]>"
38
41
  },
39
42
  {
40
43
  "name": "normal",
41
44
  "prose": "Same as 400.",
45
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-weight-normal",
42
46
  "type": "value",
43
47
  "value": "normal"
44
48
  },
45
49
  {
46
50
  "name": "bold",
47
51
  "prose": "Same as 700.",
52
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-weight-bold",
48
53
  "type": "value",
49
54
  "value": "bold"
50
55
  },
51
56
  {
52
57
  "name": "bolder",
53
58
  "prose": "Specifies a bolder weight than the inherited value. See § 2.2.1 Relative Weights.",
59
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-weight-bolder",
54
60
  "type": "value",
55
61
  "value": "bolder"
56
62
  },
57
63
  {
58
64
  "name": "lighter",
59
65
  "prose": "Specifies a lighter weight than the inherited value. See § 2.2.1 Relative Weights.",
66
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-weight-lighter",
60
67
  "type": "value",
61
68
  "value": "lighter"
62
69
  }
@@ -68,6 +75,7 @@
68
75
  },
69
76
  {
70
77
  "name": "font-width",
78
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-width",
71
79
  "value": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
72
80
  "initial": "normal",
73
81
  "appliesTo": "all elements and text",
@@ -79,52 +87,62 @@
79
87
  "values": [
80
88
  {
81
89
  "name": "ultra-condensed",
90
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-ultra-condensed",
82
91
  "type": "value",
83
92
  "value": "ultra-condensed"
84
93
  },
85
94
  {
86
95
  "name": "extra-condensed",
96
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-extra-condensed",
87
97
  "type": "value",
88
98
  "value": "extra-condensed"
89
99
  },
90
100
  {
91
101
  "name": "condensed",
102
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-condensed",
92
103
  "type": "value",
93
104
  "value": "condensed"
94
105
  },
95
106
  {
96
107
  "name": "semi-condensed",
108
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-semi-condensed",
97
109
  "type": "value",
98
110
  "value": "semi-condensed"
99
111
  },
100
112
  {
101
113
  "name": "normal",
114
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-normal",
102
115
  "type": "value",
103
116
  "value": "normal"
104
117
  },
105
118
  {
106
119
  "name": "semi-expanded",
120
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-semi-expanded",
107
121
  "type": "value",
108
122
  "value": "semi-expanded"
109
123
  },
110
124
  {
111
125
  "name": "expanded",
126
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-expanded",
112
127
  "type": "value",
113
128
  "value": "expanded"
114
129
  },
115
130
  {
116
131
  "name": "extra-expanded",
132
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-extra-expanded",
117
133
  "type": "value",
118
134
  "value": "extra-expanded"
119
135
  },
120
136
  {
121
137
  "name": "ultra-expanded",
138
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-ultra-expanded",
122
139
  "type": "value",
123
140
  "value": "ultra-expanded"
124
141
  },
125
142
  {
126
143
  "name": "<percentage [0,∞]>",
127
144
  "prose": "<percentage [0,∞]> values represent the fractional width of the glyphs, with 100% representing “normal” glyph widths (as defined by the font designer). Values less than 0% are invalid.",
145
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-width-percentage-0",
128
146
  "type": "value",
129
147
  "value": "<percentage [0,∞]>"
130
148
  }
@@ -136,6 +154,7 @@
136
154
  },
137
155
  {
138
156
  "name": "font-style",
157
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-style",
139
158
  "value": "normal | italic | oblique <angle [-90deg,90deg]>?",
140
159
  "initial": "normal",
141
160
  "appliesTo": "all elements and text",
@@ -148,18 +167,21 @@
148
167
  {
149
168
  "name": "normal",
150
169
  "prose": "Matches against a face that is classified as a normal face, one that is neither italic or obliqued. This represents an oblique value of \"0\".",
170
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-style-normal",
151
171
  "type": "value",
152
172
  "value": "normal"
153
173
  },
154
174
  {
155
175
  "name": "italic",
156
176
  "prose": "Matches against a font that is labeled as an italic face, or an oblique face if one does not exist.",
177
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-style-italic",
157
178
  "type": "value",
158
179
  "value": "italic"
159
180
  },
160
181
  {
161
182
  "name": "oblique <angle [-90deg,90deg]>?",
162
183
  "prose": "Controls matching against an oblique face. Positive angles represent a clockwise slant; negative angles represent a counter-clockwise slant. The lack of an <angle> represents 14deg. (Note that a font might internally provide its own mapping for \"oblique\", but the mapping within the font is disregarded.) Fractional and negative values are accepted; however, values less than -90deg or values greater than 90deg are invalid. If no oblique faces exist, and font-synthesis-style has the value auto, a synthetic oblique face will be generated.",
184
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-style-oblique-angle--90deg-90deg",
163
185
  "type": "value",
164
186
  "value": "oblique <angle [-90deg,90deg]>?"
165
187
  }
@@ -171,6 +193,7 @@
171
193
  },
172
194
  {
173
195
  "name": "font-size",
196
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-size",
174
197
  "value": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
175
198
  "initial": "medium",
176
199
  "appliesTo": "all elements and text",
@@ -183,22 +206,26 @@
183
206
  {
184
207
  "name": "<absolute-size>",
185
208
  "value": "<absolute-size>",
209
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-size-absolute-size",
186
210
  "type": "value"
187
211
  },
188
212
  {
189
213
  "name": "<relative-size>",
190
214
  "value": "<relative-size>",
215
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-size-relative-size",
191
216
  "type": "value"
192
217
  },
193
218
  {
194
219
  "name": "<length-percentage [0,∞]>",
195
220
  "prose": "A length value specifies an absolute font size (independent of the user agent’s font table). Negative lengths are invalid. A percentage value specifies an absolute font size relative to the parent element’s computed font-size. Negative percentages are invalid.",
221
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-size-length-percentage-0",
196
222
  "type": "value",
197
223
  "value": "<length-percentage [0,∞]>"
198
224
  },
199
225
  {
200
226
  "name": "math",
201
227
  "prose": "Special mathematical scaling rules must be applied when determining the computed value of the font-size property.",
228
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-size-math",
202
229
  "type": "value",
203
230
  "value": "math"
204
231
  }
@@ -210,6 +237,7 @@
210
237
  },
211
238
  {
212
239
  "name": "font-size-adjust",
240
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-size-adjust",
213
241
  "value": "none | <number [0,∞]>",
214
242
  "initial": "none",
215
243
  "appliesTo": "all elements and text",
@@ -222,12 +250,14 @@
222
250
  {
223
251
  "name": "none",
224
252
  "prose": "Do not preserve the font’s x-height.",
253
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-size-adjust-none-value",
225
254
  "type": "value",
226
255
  "value": "none"
227
256
  },
228
257
  {
229
258
  "name": "<number [0,∞]>",
230
259
  "prose": "Specifies the aspect value used in the calculation below to calculate the adjusted font size: c = ( a / a' ) s where: s = font-size value a = aspect value as specified by the 'font-size-adjust' property a' = aspect value of actual font c = adjusted font-size to use Negative values are invalid. This value applies to any font that is selected but in typical usage it should be based on the aspect value of the first font in the font-family list. If this is specified accurately, the (a/a') term in the formula above is effectively 1 for the first font and no adjustment occurs. If the value is specified inaccurately, text rendered using the first font in the family list will display differently in older user agents that don’t support font-size-adjust.",
260
+ "href": "https://drafts.csswg.org/css-fonts-4/#aspect-ratio-value",
231
261
  "type": "value",
232
262
  "value": "<number [0,∞]>"
233
263
  }
@@ -239,6 +269,7 @@
239
269
  },
240
270
  {
241
271
  "name": "font",
272
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font",
242
273
  "value": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
243
274
  "initial": "see individual properties",
244
275
  "appliesTo": "all elements and text",
@@ -251,36 +282,42 @@
251
282
  {
252
283
  "name": "caption",
253
284
  "prose": "The font used for captioned controls (e.g., buttons, drop-downs, etc.).",
285
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-caption",
254
286
  "type": "value",
255
287
  "value": "caption"
256
288
  },
257
289
  {
258
290
  "name": "icon",
259
291
  "prose": "The font used to label icons.",
292
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-icon",
260
293
  "type": "value",
261
294
  "value": "icon"
262
295
  },
263
296
  {
264
297
  "name": "menu",
265
298
  "prose": "The font used in menus (e.g., dropdown menus and menu lists).",
299
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-menu",
266
300
  "type": "value",
267
301
  "value": "menu"
268
302
  },
269
303
  {
270
304
  "name": "message-box",
271
305
  "prose": "The font used in dialog boxes.",
306
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-message-box",
272
307
  "type": "value",
273
308
  "value": "message-box"
274
309
  },
275
310
  {
276
311
  "name": "small-caption",
277
312
  "prose": "The font used for labeling small controls.",
313
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-small-caption",
278
314
  "type": "value",
279
315
  "value": "small-caption"
280
316
  },
281
317
  {
282
318
  "name": "status-bar",
283
319
  "prose": "The font used in window status bars.",
320
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-status-bar",
284
321
  "type": "value",
285
322
  "value": "status-bar"
286
323
  }
@@ -291,6 +328,7 @@
291
328
  },
292
329
  {
293
330
  "name": "font-synthesis-weight",
331
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-weight",
294
332
  "value": "auto | none",
295
333
  "initial": "auto",
296
334
  "appliesTo": "all elements and text",
@@ -304,12 +342,14 @@
304
342
  {
305
343
  "name": "auto",
306
344
  "prose": "Synthesis of bold faces is allowed",
345
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-weight-auto",
307
346
  "type": "value",
308
347
  "value": "auto"
309
348
  },
310
349
  {
311
350
  "name": "none",
312
351
  "prose": "Synthesis of bold faces is not allowed",
352
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-weight-none",
313
353
  "type": "value",
314
354
  "value": "none"
315
355
  }
@@ -321,6 +361,7 @@
321
361
  },
322
362
  {
323
363
  "name": "font-synthesis-style",
364
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-style",
324
365
  "value": "auto | none",
325
366
  "initial": "auto",
326
367
  "appliesTo": "all elements and text",
@@ -334,12 +375,14 @@
334
375
  {
335
376
  "name": "auto",
336
377
  "prose": "Synthesis of oblique faces is allowed",
378
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-style-auto",
337
379
  "type": "value",
338
380
  "value": "auto"
339
381
  },
340
382
  {
341
383
  "name": "none",
342
384
  "prose": "Synthesis of oblique faces is not allowed",
385
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-style-none",
343
386
  "type": "value",
344
387
  "value": "none"
345
388
  }
@@ -351,6 +394,7 @@
351
394
  },
352
395
  {
353
396
  "name": "font-synthesis-small-caps",
397
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-small-caps",
354
398
  "value": "auto | none",
355
399
  "initial": "auto",
356
400
  "appliesTo": "all elements and text",
@@ -363,12 +407,14 @@
363
407
  {
364
408
  "name": "auto",
365
409
  "prose": "Synthesis of small caps faces is allowed",
410
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-small-caps-auto",
366
411
  "type": "value",
367
412
  "value": "auto"
368
413
  },
369
414
  {
370
415
  "name": "none",
371
416
  "prose": "Synthesis of small caps faces is not allowed",
417
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-small-caps-none",
372
418
  "type": "value",
373
419
  "value": "none"
374
420
  }
@@ -380,6 +426,7 @@
380
426
  },
381
427
  {
382
428
  "name": "font-synthesis-position",
429
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-position",
383
430
  "value": "auto | none",
384
431
  "initial": "auto",
385
432
  "appliesTo": "all elements and text",
@@ -392,12 +439,14 @@
392
439
  {
393
440
  "name": "auto",
394
441
  "prose": "Synthesis of superscript and subscript forms is required",
442
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-position-auto",
395
443
  "type": "value",
396
444
  "value": "auto"
397
445
  },
398
446
  {
399
447
  "name": "none",
400
448
  "prose": "Synthesis of superscript and subscript forms is not allowed",
449
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-position-none",
401
450
  "type": "value",
402
451
  "value": "none"
403
452
  }
@@ -409,6 +458,7 @@
409
458
  },
410
459
  {
411
460
  "name": "font-synthesis",
461
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis",
412
462
  "value": "none | [ weight || style || small-caps || position]",
413
463
  "initial": "weight style small-caps position",
414
464
  "appliesTo": "all elements and text",
@@ -424,6 +474,7 @@
424
474
  },
425
475
  {
426
476
  "name": "font-kerning",
477
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-kerning",
427
478
  "value": "auto | normal | none",
428
479
  "initial": "auto",
429
480
  "appliesTo": "all elements and text",
@@ -436,18 +487,21 @@
436
487
  {
437
488
  "name": "auto",
438
489
  "prose": "Specifies that kerning is applied at the discretion of the user agent",
490
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-kerning-auto-value",
439
491
  "type": "value",
440
492
  "value": "auto"
441
493
  },
442
494
  {
443
495
  "name": "normal",
444
496
  "prose": "Specifies that kerning is applied",
497
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-kerning-normal-value",
445
498
  "type": "value",
446
499
  "value": "normal"
447
500
  },
448
501
  {
449
502
  "name": "none",
450
503
  "prose": "Specifies that kerning is not applied",
504
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-kerning-none-value",
451
505
  "type": "value",
452
506
  "value": "none"
453
507
  }
@@ -459,6 +513,7 @@
459
513
  },
460
514
  {
461
515
  "name": "font-variant-ligatures",
516
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-ligatures",
462
517
  "value": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]",
463
518
  "initial": "normal",
464
519
  "appliesTo": "all elements and text",
@@ -471,60 +526,70 @@
471
526
  {
472
527
  "name": "normal",
473
528
  "prose": "A value of normal specifies that common default features are enabled, as described in detail in the next section. For OpenType fonts, common ligatures and contextual forms are on by default, discretionary and historical ligatures are not.",
529
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-ligatures-normal-value",
474
530
  "type": "value",
475
531
  "value": "normal"
476
532
  },
477
533
  {
478
534
  "name": "none",
479
535
  "prose": "Specifies that all types of ligatures and contextual forms covered by this property are explicitly disabled. In situations where ligatures are not considered necessary, this may improve the speed of text rendering.",
536
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-ligatures-none-value",
480
537
  "type": "value",
481
538
  "value": "none"
482
539
  },
483
540
  {
484
541
  "name": "common-ligatures",
485
542
  "prose": "Enables display of common ligatures (OpenType features: liga, clig). For OpenType fonts, common ligatures are enabled by default.",
543
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-common-ligatures",
486
544
  "type": "value",
487
545
  "value": "common-ligatures"
488
546
  },
489
547
  {
490
548
  "name": "no-common-ligatures",
491
549
  "prose": "Disables display of common ligatures (OpenType features: liga, clig).",
550
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-no-common-ligatures",
492
551
  "type": "value",
493
552
  "value": "no-common-ligatures"
494
553
  },
495
554
  {
496
555
  "name": "discretionary-ligatures",
497
556
  "prose": "Enables display of discretionary ligatures (OpenType feature: dlig). Which ligatures are discretionary or optional is decided by the type designer, so authors will need to refer to the documentation of a given font to understand which ligatures are considered discretionary.",
557
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-discretionary-ligatures",
498
558
  "type": "value",
499
559
  "value": "discretionary-ligatures"
500
560
  },
501
561
  {
502
562
  "name": "no-discretionary-ligatures",
503
563
  "prose": "Disables display of discretionary ligatures (OpenType feature: dlig).",
564
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-no-discretionary-ligatures",
504
565
  "type": "value",
505
566
  "value": "no-discretionary-ligatures"
506
567
  },
507
568
  {
508
569
  "name": "historical-ligatures",
509
570
  "prose": "Enables display of historical ligatures (OpenType feature: hlig).",
571
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-historical-ligatures",
510
572
  "type": "value",
511
573
  "value": "historical-ligatures"
512
574
  },
513
575
  {
514
576
  "name": "no-historical-ligatures",
515
577
  "prose": "Disables display of historical ligatures (OpenType feature: hlig).",
578
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-no-historical-ligatures",
516
579
  "type": "value",
517
580
  "value": "no-historical-ligatures"
518
581
  },
519
582
  {
520
583
  "name": "contextual",
521
584
  "prose": "Enables display of contextual alternates (OpenType feature: calt). Although not strictly a ligature feature, like ligatures this feature is commonly used to harmonize the shapes of glyphs with the surrounding context. For OpenType fonts, this feature is on by default.",
585
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-contextual",
522
586
  "type": "value",
523
587
  "value": "contextual"
524
588
  },
525
589
  {
526
590
  "name": "no-contextual",
527
591
  "prose": "Disables display of contextual alternates (OpenType feature: calt).",
592
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-ligatures-no-contextual",
528
593
  "type": "value",
529
594
  "value": "no-contextual"
530
595
  }
@@ -536,6 +601,7 @@
536
601
  },
537
602
  {
538
603
  "name": "font-variant-position",
604
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-position",
539
605
  "value": "normal | sub | super",
540
606
  "initial": "normal",
541
607
  "appliesTo": "all elements and text",
@@ -548,18 +614,21 @@
548
614
  {
549
615
  "name": "normal",
550
616
  "prose": "None of the features listed below are enabled.",
617
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-position-normal-value",
551
618
  "type": "value",
552
619
  "value": "normal"
553
620
  },
554
621
  {
555
622
  "name": "sub",
556
623
  "prose": "Enables display of subscript variants (OpenType feature: subs).",
624
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-position-sub",
557
625
  "type": "value",
558
626
  "value": "sub"
559
627
  },
560
628
  {
561
629
  "name": "super",
562
630
  "prose": "Enables display of superscript variants (OpenType feature: sups).",
631
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-position-super",
563
632
  "type": "value",
564
633
  "value": "super"
565
634
  }
@@ -571,6 +640,7 @@
571
640
  },
572
641
  {
573
642
  "name": "font-variant-caps",
643
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-caps",
574
644
  "value": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps",
575
645
  "initial": "normal",
576
646
  "appliesTo": "all elements and text",
@@ -583,42 +653,49 @@
583
653
  {
584
654
  "name": "normal",
585
655
  "prose": "None of the features listed below are enabled.",
656
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-caps-normal-value",
586
657
  "type": "value",
587
658
  "value": "normal"
588
659
  },
589
660
  {
590
661
  "name": "small-caps",
591
662
  "prose": "Enables display of small capitals (OpenType feature: smcp). Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.",
663
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-caps-small-caps",
592
664
  "type": "value",
593
665
  "value": "small-caps"
594
666
  },
595
667
  {
596
668
  "name": "all-small-caps",
597
669
  "prose": "Enables display of small capitals for both upper and lowercase letters (OpenType features: c2sc, smcp).",
670
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-caps-all-small-caps",
598
671
  "type": "value",
599
672
  "value": "all-small-caps"
600
673
  },
601
674
  {
602
675
  "name": "petite-caps",
603
676
  "prose": "Enables display of petite capitals (OpenType feature: pcap).",
677
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-caps-petite-caps",
604
678
  "type": "value",
605
679
  "value": "petite-caps"
606
680
  },
607
681
  {
608
682
  "name": "all-petite-caps",
609
683
  "prose": "Enables display of petite capitals for both upper and lowercase letters (OpenType features: c2pc, pcap).",
684
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-caps-all-petite-caps",
610
685
  "type": "value",
611
686
  "value": "all-petite-caps"
612
687
  },
613
688
  {
614
689
  "name": "unicase",
615
690
  "prose": "Enables display of mixture of small capitals for uppercase letters with normal lowercase letters (OpenType feature: unic).",
691
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-caps-unicase",
616
692
  "type": "value",
617
693
  "value": "unicase"
618
694
  },
619
695
  {
620
696
  "name": "titling-caps",
621
697
  "prose": "Enables display of titling capitals (OpenType feature: titl). Uppercase letter glyphs are often designed for use with lowercase letters. When used in all uppercase titling sequences they can appear too strong. Titling capitals are designed specifically for this situation.",
698
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-caps-titling-caps",
622
699
  "type": "value",
623
700
  "value": "titling-caps"
624
701
  }
@@ -630,6 +707,7 @@
630
707
  },
631
708
  {
632
709
  "name": "font-variant-numeric",
710
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-numeric",
633
711
  "value": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]",
634
712
  "initial": "normal",
635
713
  "appliesTo": "all elements and text",
@@ -642,54 +720,63 @@
642
720
  {
643
721
  "name": "normal",
644
722
  "prose": "None of the features listed below are enabled.",
723
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-numeric-normal-value",
645
724
  "type": "value",
646
725
  "value": "normal"
647
726
  },
648
727
  {
649
728
  "name": "lining-nums",
650
729
  "prose": "Enables display of lining numerals (OpenType feature: lnum).",
730
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-lining-nums",
651
731
  "type": "value",
652
732
  "value": "lining-nums"
653
733
  },
654
734
  {
655
735
  "name": "oldstyle-nums",
656
736
  "prose": "Enables display of old-style numerals (OpenType feature: onum).",
737
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-oldstyle-nums",
657
738
  "type": "value",
658
739
  "value": "oldstyle-nums"
659
740
  },
660
741
  {
661
742
  "name": "proportional-nums",
662
743
  "prose": "Enables display of proportional numerals (OpenType feature: pnum).",
744
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-proportional-nums",
663
745
  "type": "value",
664
746
  "value": "proportional-nums"
665
747
  },
666
748
  {
667
749
  "name": "tabular-nums",
668
750
  "prose": "Enables display of tabular numerals (OpenType feature: tnum).",
751
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-tabular-nums",
669
752
  "type": "value",
670
753
  "value": "tabular-nums"
671
754
  },
672
755
  {
673
756
  "name": "diagonal-fractions",
674
757
  "prose": "Enables display of lining diagonal fractions (OpenType feature: frac).",
758
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-diagonal-fractions",
675
759
  "type": "value",
676
760
  "value": "diagonal-fractions"
677
761
  },
678
762
  {
679
763
  "name": "stacked-fractions",
680
764
  "prose": "Enables display of lining stacked fractions (OpenType feature: afrc).",
765
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-stacked-fractions",
681
766
  "type": "value",
682
767
  "value": "stacked-fractions"
683
768
  },
684
769
  {
685
770
  "name": "ordinal",
686
771
  "prose": "Enables display of letter forms used with ordinal numbers (OpenType feature: ordn).",
772
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-ordinal",
687
773
  "type": "value",
688
774
  "value": "ordinal"
689
775
  },
690
776
  {
691
777
  "name": "slashed-zero",
692
778
  "prose": "Enables display of slashed zeros (OpenType feature: zero).",
779
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-numeric-slashed-zero",
693
780
  "type": "value",
694
781
  "value": "slashed-zero"
695
782
  }
@@ -701,6 +788,7 @@
701
788
  },
702
789
  {
703
790
  "name": "font-variant-alternates",
791
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-alternates",
704
792
  "value": "normal | [ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ]",
705
793
  "initial": "normal",
706
794
  "appliesTo": "all elements and text",
@@ -713,43 +801,51 @@
713
801
  {
714
802
  "name": "normal",
715
803
  "prose": "None of the features listed below are enabled.",
804
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-alternates-normal-value",
716
805
  "type": "value",
717
806
  "value": "normal"
718
807
  },
719
808
  {
720
809
  "name": "historical-forms",
721
810
  "prose": "Enables display of historical forms (OpenType feature: hist).",
811
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-alternates-historical-forms",
722
812
  "type": "value",
723
813
  "value": "historical-forms"
724
814
  },
725
815
  {
726
816
  "name": "stylistic()",
727
817
  "value": "stylistic()",
818
+ "href": "https://drafts.csswg.org/css-fonts-4/#stylistic",
728
819
  "type": "value"
729
820
  },
730
821
  {
731
822
  "name": "styleset()",
732
823
  "value": "styleset()",
824
+ "href": "https://drafts.csswg.org/css-fonts-4/#styleset",
733
825
  "type": "value"
734
826
  },
735
827
  {
736
828
  "name": "character-variant()",
737
829
  "value": "character-variant()",
830
+ "href": "https://drafts.csswg.org/css-fonts-4/#character-variant",
738
831
  "type": "value"
739
832
  },
740
833
  {
741
834
  "name": "swash()",
742
835
  "value": "swash()",
836
+ "href": "https://drafts.csswg.org/css-fonts-4/#swash",
743
837
  "type": "value"
744
838
  },
745
839
  {
746
840
  "name": "ornaments()",
747
841
  "value": "ornaments()",
842
+ "href": "https://drafts.csswg.org/css-fonts-4/#ornaments",
748
843
  "type": "value"
749
844
  },
750
845
  {
751
846
  "name": "annotation()",
752
847
  "value": "annotation()",
848
+ "href": "https://drafts.csswg.org/css-fonts-4/#annotation",
753
849
  "type": "value"
754
850
  }
755
851
  ],
@@ -760,6 +856,7 @@
760
856
  },
761
857
  {
762
858
  "name": "font-variant-east-asian",
859
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-east-asian",
763
860
  "value": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
764
861
  "initial": "normal",
765
862
  "appliesTo": "all elements and text",
@@ -772,60 +869,70 @@
772
869
  {
773
870
  "name": "normal",
774
871
  "prose": "None of the features listed below are enabled.",
872
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-east-asian-normal-value",
775
873
  "type": "value",
776
874
  "value": "normal"
777
875
  },
778
876
  {
779
877
  "name": "jis78",
780
878
  "prose": "Enables rendering of JIS78 forms (OpenType feature: jp78).",
879
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-jis78",
781
880
  "type": "value",
782
881
  "value": "jis78"
783
882
  },
784
883
  {
785
884
  "name": "jis83",
786
885
  "prose": "Enables rendering of JIS83 forms (OpenType feature: jp83).",
886
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-jis83",
787
887
  "type": "value",
788
888
  "value": "jis83"
789
889
  },
790
890
  {
791
891
  "name": "jis90",
792
892
  "prose": "Enables rendering of JIS90 forms (OpenType feature: jp90).",
893
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-jis90",
793
894
  "type": "value",
794
895
  "value": "jis90"
795
896
  },
796
897
  {
797
898
  "name": "jis04",
798
899
  "prose": "Enables rendering of JIS2004 forms (OpenType feature: jp04). The various JIS variants reflect the glyph forms defined in different Japanese national standards. Fonts generally include glyphs defined by the most recent national standard, but it’s sometimes necessary to use older variants, to match signage for example.",
900
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-jis04",
799
901
  "type": "value",
800
902
  "value": "jis04"
801
903
  },
802
904
  {
803
905
  "name": "simplified",
804
906
  "prose": "Enables rendering of simplified forms (OpenType feature: smpl).",
907
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-simplified",
805
908
  "type": "value",
806
909
  "value": "simplified"
807
910
  },
808
911
  {
809
912
  "name": "traditional",
810
- "prose": "Enables rendering of traditional forms (OpenType feature: trad).",
913
+ "prose": "Enables rendering of traditional forms (OpenType feature: trad). The simplified and traditional values allow control over the glyph forms for characters which have been simplified over time but for which the older, traditional form is still used in some contexts. The exact set of characters and glyph forms will vary to some degree by the context for which a given font was designed.",
914
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-traditional",
811
915
  "type": "value",
812
916
  "value": "traditional"
813
917
  },
814
918
  {
815
919
  "name": "full-width",
816
920
  "prose": "Enables rendering of full-width variants (OpenType feature: fwid).",
921
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-full-width",
817
922
  "type": "value",
818
923
  "value": "full-width"
819
924
  },
820
925
  {
821
926
  "name": "proportional-width",
822
927
  "prose": "Enables rendering of proportionally-spaced variants (OpenType feature: pwid).",
928
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-proportional-width",
823
929
  "type": "value",
824
930
  "value": "proportional-width"
825
931
  },
826
932
  {
827
933
  "name": "ruby",
828
934
  "prose": "Enables display of ruby variant glyphs (OpenType feature: ruby). Since ruby text is generally smaller than the associated body text, font designers can design special glyphs for use with ruby that are more readable than scaled down versions of the default glyphs. Only glyph selection is affected, there is no associated font scaling or other change that affects line layout. The red ruby text below is shown with default glyphs (top) and with ruby variant glyphs (bottom). Note the slight difference in stroke thickness.",
935
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-ruby",
829
936
  "type": "value",
830
937
  "value": "ruby"
831
938
  }
@@ -837,6 +944,7 @@
837
944
  },
838
945
  {
839
946
  "name": "font-variant",
947
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant",
840
948
  "value": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
841
949
  "initial": "normal",
842
950
  "appliesTo": "all elements and text",
@@ -849,12 +957,14 @@
849
957
  {
850
958
  "name": "normal",
851
959
  "prose": "The value normal resets all subproperties of font-variant to their initial value. The none value sets font-variant-ligatures to none and resets all other font feature properties to their initial value. Like other shorthands, using font-variant resets unspecified font-variant subproperties to their initial values.",
960
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-normal-value",
852
961
  "type": "value",
853
962
  "value": "normal"
854
963
  },
855
964
  {
856
965
  "name": "none",
857
966
  "prose": "The value normal resets all subproperties of font-variant to their initial value. The none value sets font-variant-ligatures to none and resets all other font feature properties to their initial value. Like other shorthands, using font-variant resets unspecified font-variant subproperties to their initial values.",
967
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-none-value",
858
968
  "type": "value",
859
969
  "value": "none"
860
970
  }
@@ -866,6 +976,7 @@
866
976
  },
867
977
  {
868
978
  "name": "font-feature-settings",
979
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-feature-settings",
869
980
  "value": "normal | <feature-tag-value>#",
870
981
  "initial": "normal",
871
982
  "appliesTo": "all elements and text",
@@ -878,11 +989,13 @@
878
989
  {
879
990
  "name": "normal",
880
991
  "prose": "A value of normal means that no change in glyph selection or positioning occurs due to this property.",
992
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-feature-settings-normal-value",
881
993
  "type": "value",
882
994
  "value": "normal"
883
995
  },
884
996
  {
885
997
  "name": "<feature-tag-value>",
998
+ "href": "https://drafts.csswg.org/css-fonts-4/#feature-tag-value",
886
999
  "type": "value",
887
1000
  "value": "<opentype-tag> [ <integer [0,∞]> | on | off ]?"
888
1001
  }
@@ -894,6 +1007,7 @@
894
1007
  },
895
1008
  {
896
1009
  "name": "font-language-override",
1010
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-language-override",
897
1011
  "value": "normal | <string>",
898
1012
  "initial": "normal",
899
1013
  "appliesTo": "all elements and text",
@@ -906,6 +1020,7 @@
906
1020
  {
907
1021
  "name": "<string>",
908
1022
  "prose": "single four-character case-sensitive OpenType language system tag, specifies the OpenType language system to be used instead of the language system implied by the language of the element. If the string is shorter than four characters, it is padded at the end with space (U+0020) characters such that the length is 4, before being matched.",
1023
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-language-override-string-value",
909
1024
  "type": "value",
910
1025
  "value": "<string>"
911
1026
  }
@@ -917,6 +1032,7 @@
917
1032
  },
918
1033
  {
919
1034
  "name": "font-optical-sizing",
1035
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-optical-sizing",
920
1036
  "value": "auto | none",
921
1037
  "initial": "auto",
922
1038
  "appliesTo": "all elements and text",
@@ -929,12 +1045,14 @@
929
1045
  {
930
1046
  "name": "auto",
931
1047
  "prose": "The user agent may modify the shape of glyphs based on the font-size and the pixel density of the screen. For OpenType and TrueType fonts using font variations, this is often done by using the \"opsz\" font variation.",
1048
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-optical-sizing-auto-value",
932
1049
  "type": "value",
933
1050
  "value": "auto"
934
1051
  },
935
1052
  {
936
1053
  "name": "none",
937
1054
  "prose": "The user agent must not modify the shape of glyphs for optical size.",
1055
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-optical-sizing-none-value",
938
1056
  "type": "value",
939
1057
  "value": "none"
940
1058
  }
@@ -946,6 +1064,7 @@
946
1064
  },
947
1065
  {
948
1066
  "name": "font-variation-settings",
1067
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variation-settings",
949
1068
  "value": "normal | [ <opentype-tag> <number>]#",
950
1069
  "initial": "normal",
951
1070
  "appliesTo": "all elements and text",
@@ -961,6 +1080,7 @@
961
1080
  },
962
1081
  {
963
1082
  "name": "font-palette",
1083
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-palette",
964
1084
  "value": "normal | light | dark | <palette-identifier> | <palette-mix()>",
965
1085
  "initial": "normal",
966
1086
  "appliesTo": "all elements and text",
@@ -973,29 +1093,34 @@
973
1093
  {
974
1094
  "name": "normal",
975
1095
  "prose": "If the color-scheme property is set to a value other than normal', user-agents should select the first light or dark palette as appropriate. Otherwise, user-agents display the color font with the default palette or default glyph colorisation. User-agents should take the computed value of the color property into consideration when a color font format requires use of the foreground color In the COLR [OPENTYPE] table, color index 0xFFFF should be rendered according the color property. For COLR/CPAL [OPENTYPE] fonts, font-palette: normal usually means rendering the font with the palette in the font at index 0.",
1096
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-palette-normal",
976
1097
  "type": "value",
977
1098
  "value": "normal"
978
1099
  },
979
1100
  {
980
1101
  "name": "light",
981
1102
  "prose": "Some color font formats include metadata marking certain palettes as applicable on a light (close to white) background. This keyword causes the user-agent to use the first available palette in the font file marked this way. If the font file format does not account for this metadata, or no palette in the font is marked this way, this value behaves as normal.",
1103
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-palette-light",
982
1104
  "type": "value",
983
1105
  "value": "light"
984
1106
  },
985
1107
  {
986
1108
  "name": "dark",
987
1109
  "prose": "Some color font formats include metadata marking certain palettes as applicable on a dark (close to black) background. This keyword causes the user-agent to use the first available palette in the font file marked this way. If the font file format does not account for this metadata, or no palette in the font is marked this way, this value behaves as normal.",
1110
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-palette-dark",
988
1111
  "type": "value",
989
1112
  "value": "dark"
990
1113
  },
991
1114
  {
992
1115
  "name": "<palette-identifier>",
993
1116
  "prose": "This value identifies an CSS-defined palette to use. Users can define a palette by using the @font-palette-values rule. If no applicable @font-palette-values rule is present, this value behaves as normal. <palette-identifier> is parsed as a <dashed-ident>.",
1117
+ "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-identifier",
994
1118
  "type": "type"
995
1119
  },
996
1120
  {
997
1121
  "name": "<palette-mix()>",
998
- "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 3.1 Percentage Normalization.",
1122
+ "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 2.1 Percentage Normalization.",
1123
+ "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-mix",
999
1124
  "type": "type",
1000
1125
  "value": "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"
1001
1126
  }
@@ -1007,6 +1132,7 @@
1007
1132
  },
1008
1133
  {
1009
1134
  "name": "font-variant-emoji",
1135
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-emoji",
1010
1136
  "value": "normal | text | emoji | unicode",
1011
1137
  "initial": "normal",
1012
1138
  "appliesTo": "all elements and text",
@@ -1019,24 +1145,28 @@
1019
1145
  {
1020
1146
  "name": "normal",
1021
1147
  "prose": "User agents can choose to draw a Presentation Participating Code Point in either emoji style or text style. User agents typically follow platform conventions when performing this decision.",
1148
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-emoji-normal",
1022
1149
  "type": "value",
1023
1150
  "value": "normal"
1024
1151
  },
1025
1152
  {
1026
1153
  "name": "text",
1027
1154
  "prose": "Code points are rendered as if U+FE0E VARIATION SELECTOR-15 was appended to every Presentation Participating Code Point.",
1155
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-emoji-text",
1028
1156
  "type": "value",
1029
1157
  "value": "text"
1030
1158
  },
1031
1159
  {
1032
1160
  "name": "emoji",
1033
1161
  "prose": "Code points are rendered as if U+FE0F VARIATION SELECTOR-16 was appended to every Presentation Participating Code Point.",
1162
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-emoji-emoji",
1034
1163
  "type": "value",
1035
1164
  "value": "emoji"
1036
1165
  },
1037
1166
  {
1038
1167
  "name": "unicode",
1039
1168
  "prose": "Code points are rendered in accordance with [UTS51] as either emoji-default, text-default, or text-only, depending on the values of the Emoji and Emoji_Presentation properties for each Presentation Participating Code Point. If present, FE0E VARIATION SELECTOR-15 and U+FE0F VARIATION SELECTOR-16 will override the default presentation of individual Presentation Participating Code Points.",
1169
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-emoji-unicode",
1040
1170
  "type": "value",
1041
1171
  "value": "unicode"
1042
1172
  }
@@ -1048,6 +1178,7 @@
1048
1178
  },
1049
1179
  {
1050
1180
  "name": "font-stretch",
1181
+ "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-stretch",
1051
1182
  "styleDeclaration": [
1052
1183
  "font-stretch",
1053
1184
  "fontStretch"
@@ -1057,63 +1188,74 @@
1057
1188
  "atrules": [
1058
1189
  {
1059
1190
  "name": "@font-face",
1191
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-font-face-rule",
1060
1192
  "descriptors": [
1061
1193
  {
1062
1194
  "name": "font-family",
1195
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-family",
1063
1196
  "for": "@font-face",
1064
1197
  "value": "<family-name>",
1065
1198
  "initial": "N/A"
1066
1199
  },
1067
1200
  {
1068
1201
  "name": "src",
1202
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-src",
1069
1203
  "for": "@font-face",
1070
1204
  "value": "<font-src-list>",
1071
1205
  "initial": "N/A"
1072
1206
  },
1073
1207
  {
1074
1208
  "name": "font-style",
1209
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-style",
1075
1210
  "for": "@font-face",
1076
1211
  "value": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
1077
1212
  "initial": "auto"
1078
1213
  },
1079
1214
  {
1080
1215
  "name": "font-weight",
1216
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-weight",
1081
1217
  "for": "@font-face",
1082
1218
  "value": "auto | <font-weight-absolute>{1,2}",
1083
1219
  "initial": "auto"
1084
1220
  },
1085
1221
  {
1086
1222
  "name": "font-width",
1223
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-width",
1087
1224
  "for": "@font-face",
1088
1225
  "value": "auto | <'font-width'>{1,2}",
1089
1226
  "initial": "auto"
1090
1227
  },
1091
1228
  {
1092
1229
  "name": "unicode-range",
1230
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-unicode-range",
1093
1231
  "for": "@font-face",
1094
1232
  "value": "<urange>#",
1095
1233
  "initial": "U+0-10FFFF"
1096
1234
  },
1097
1235
  {
1098
1236
  "name": "font-feature-settings",
1237
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-feature-settings",
1099
1238
  "for": "@font-face",
1100
1239
  "value": "normal | <feature-tag-value>#",
1101
1240
  "initial": "normal"
1102
1241
  },
1103
1242
  {
1104
1243
  "name": "font-variation-settings",
1244
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-variation-settings",
1105
1245
  "for": "@font-face",
1106
1246
  "value": "normal | [ <string> <number>]#",
1107
1247
  "initial": "normal"
1108
1248
  },
1109
1249
  {
1110
1250
  "name": "font-named-instance",
1251
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-named-instance",
1111
1252
  "for": "@font-face",
1112
1253
  "value": "auto | <string>",
1113
1254
  "initial": "auto"
1114
1255
  },
1115
1256
  {
1116
1257
  "name": "font-display",
1258
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-display",
1117
1259
  "for": "@font-face",
1118
1260
  "value": "auto | block | swap | fallback | optional",
1119
1261
  "initial": "auto",
@@ -1121,30 +1263,35 @@
1121
1263
  {
1122
1264
  "name": "auto",
1123
1265
  "prose": "The font display policy is user-agent-defined.",
1266
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-face-font-display-auto",
1124
1267
  "type": "value",
1125
1268
  "value": "auto"
1126
1269
  },
1127
1270
  {
1128
1271
  "name": "block",
1129
1272
  "prose": "Gives the font face a short block period (3s is recommended in most cases) and an infinite swap period. This value must only be used when rendering text in a particular font is required for the page to be usable. It must only be used for small pieces of text. For example, badly designed \"icon fonts\" might associate a \"⎙\" (printer) icon with an unrelated character like \"P\", so if the text is displayed with a fallback font instead there will be confusing letters scattered around the page rather than the desired icon. In this case, temporary blank spots are better than using a fallback font. (However, the fallback font is used eventually, as having confusing letters scattered around the page is better than having links and such never show up at all.) A better solution is described in the Accessibility Considerations section.",
1273
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-face-font-display-block",
1130
1274
  "type": "value",
1131
1275
  "value": "block"
1132
1276
  },
1133
1277
  {
1134
1278
  "name": "swap",
1135
1279
  "prose": "Gives the font face an extremely small block period (100ms or less is recommended in most cases) and an infinite swap period. This value should only be used when rendering text in a particular font is very important for the page, but rendering in any font will still get a correct message across. It should only be used for small pieces of text. For example, if a website has a custom font for rendering their logo, rendering that logo correctly is fairly important for branding purposes, but displaying the logo in any font will at least get the point across without confusion.",
1280
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-face-font-display-swap",
1136
1281
  "type": "value",
1137
1282
  "value": "swap"
1138
1283
  },
1139
1284
  {
1140
1285
  "name": "fallback",
1141
1286
  "prose": "Gives the font face an extremely small block period (100ms or less is recommended in most cases) and a short swap period (3s is recommended in most cases). This value should be used for body text, or any other text where the use of the chosen font is useful and desired, but it’s acceptable for the user to see the text in a fallback font. This value is appropriate to use for large pieces of text. For example, in large pieces of body text, it’s most important just to get the text rendered quickly, so the user can begin to read as quickly as possible. Further, once the user has started reading, they shouldn’t be disturbed by the text suddenly \"shifting\" as a new font is swapped in, as that’s distracting and annoying to re-find where one was in the text.",
1287
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-face-font-display-fallback",
1142
1288
  "type": "value",
1143
1289
  "value": "fallback"
1144
1290
  },
1145
1291
  {
1146
1292
  "name": "optional",
1147
1293
  "prose": "If the font can be loaded \"immediately\" (such that it’s available to be used for the \"first paint\" of the text), the font is used. Otherwise, the font is treated as if its block period and swap period both expired before it finished loading. If the font is not used due to this, the user agent may choose to abort the font download, or download it with a very low priority. If the user agent believes it would be useful for the user, it may avoid even starting the font download, and proceed immediately to using a fallback font. An optional font must never cause the layout of the page to \"jump\" as it loads in. A user agent may choose to slightly delay rendering an element using an optional font to give it time to load from a possibly-slow local cache, but once the text has been painted to the screen with a fallback font instead, it must not be rendered with the optional font for the rest of the page’s lifetime. This value should be used for body text, or any other text where the chosen font is purely a decorative \"nice-to-have\". It should be used anytime it is more important that the web page render quickly on first visit, than it is that the user wait a longer time to see everything perfect immediately. For example, body text is perfectly readable in one of the browser default fonts, though a downloadable font face might be more attractive and mesh with the site’s aesthetics better. First time visitors to a site generally care far more about the site being quickly usable than they do about the finer points of its display, and optional provides a good behavior for them. If they return later, the desired font faces might have finished downloading, giving them the \"intended\" experience without slowing down either their first or subsequent visits. Users on very slow connections might not ever receive the \"intended\" experience, but optional ensures they can actually use the site, rather than quitting and going elsewhere because the site takes too long to load.",
1294
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-face-font-display-optional",
1148
1295
  "type": "value",
1149
1296
  "value": "optional"
1150
1297
  }
@@ -1152,24 +1299,28 @@
1152
1299
  },
1153
1300
  {
1154
1301
  "name": "font-language-override",
1302
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-font-language-override",
1155
1303
  "for": "@font-face",
1156
1304
  "value": "normal | <string>",
1157
1305
  "initial": "normal"
1158
1306
  },
1159
1307
  {
1160
1308
  "name": "ascent-override",
1309
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-ascent-override",
1161
1310
  "for": "@font-face",
1162
1311
  "value": "normal | <percentage [0,∞]>",
1163
1312
  "initial": "normal"
1164
1313
  },
1165
1314
  {
1166
1315
  "name": "descent-override",
1316
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-descent-override",
1167
1317
  "for": "@font-face",
1168
1318
  "value": "normal | <percentage [0,∞]>",
1169
1319
  "initial": "normal"
1170
1320
  },
1171
1321
  {
1172
1322
  "name": "line-gap-override",
1323
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-face-line-gap-override",
1173
1324
  "for": "@font-face",
1174
1325
  "value": "normal | <percentage [0,∞]>",
1175
1326
  "initial": "normal"
@@ -1179,51 +1330,60 @@
1179
1330
  },
1180
1331
  {
1181
1332
  "name": "@font-feature-values",
1333
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values",
1182
1334
  "descriptors": [
1183
1335
  {
1184
1336
  "name": "font-display",
1337
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-feature-values-font-display",
1185
1338
  "for": "@font-feature-values",
1186
1339
  "value": "auto | block | swap | fallback | optional",
1187
1340
  "initial": "auto"
1188
1341
  },
1189
1342
  {
1190
1343
  "name": "@stylistic",
1344
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-stylistic",
1191
1345
  "type": "at-rule",
1192
1346
  "for": "@font-feature-values",
1193
1347
  "value": "@stylistic { <declaration-list> }"
1194
1348
  },
1195
1349
  {
1196
1350
  "name": "@historical-forms",
1351
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-historical-forms",
1197
1352
  "type": "at-rule",
1198
1353
  "for": "@font-feature-values",
1199
1354
  "value": "@historical-forms { <declaration-list> }"
1200
1355
  },
1201
1356
  {
1202
1357
  "name": "@styleset",
1358
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-styleset",
1203
1359
  "type": "at-rule",
1204
1360
  "for": "@font-feature-values",
1205
1361
  "value": "@styleset { <declaration-list> }"
1206
1362
  },
1207
1363
  {
1208
1364
  "name": "@character-variant",
1365
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-character-variant",
1209
1366
  "type": "at-rule",
1210
1367
  "for": "@font-feature-values",
1211
1368
  "value": "@character-variant { <declaration-list> }"
1212
1369
  },
1213
1370
  {
1214
1371
  "name": "@swash",
1372
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-swash",
1215
1373
  "type": "at-rule",
1216
1374
  "for": "@font-feature-values",
1217
1375
  "value": "@swash { <declaration-list> }"
1218
1376
  },
1219
1377
  {
1220
1378
  "name": "@ornaments",
1379
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-ornaments",
1221
1380
  "type": "at-rule",
1222
1381
  "for": "@font-feature-values",
1223
1382
  "value": "@ornaments { <declaration-list> }"
1224
1383
  },
1225
1384
  {
1226
1385
  "name": "@annotation",
1386
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-annotation",
1227
1387
  "type": "at-rule",
1228
1388
  "for": "@font-feature-values",
1229
1389
  "value": "@annotation { <declaration-list> }"
@@ -1234,15 +1394,18 @@
1234
1394
  {
1235
1395
  "name": "@font-palette-values",
1236
1396
  "prose": "The @font-palette-values rule defines a color palette and associates that color palette with a specific font. This allows a web author to select arbitrary <color>s to use inside a color font rather than being limited to the preexisting palettes inside font files.",
1397
+ "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-palette-values",
1237
1398
  "descriptors": [
1238
1399
  {
1239
1400
  "name": "font-family",
1401
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-palette-values-font-family",
1240
1402
  "for": "@font-palette-values",
1241
1403
  "value": "<family-name>#",
1242
1404
  "initial": "N/A"
1243
1405
  },
1244
1406
  {
1245
1407
  "name": "base-palette",
1408
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-palette-values-base-palette",
1246
1409
  "for": "@font-palette-values",
1247
1410
  "value": "light | dark | <integer [0,∞]>",
1248
1411
  "initial": "N/A",
@@ -1250,24 +1413,28 @@
1250
1413
  {
1251
1414
  "name": "light",
1252
1415
  "prose": "Some color font formats include metadata marking certain palettes as applicable on a light (close to white) background. This keyword identifies the first available palette in the font file marked this way. If the font file format does not account for this metadata, or no palette in the font is marked this way, this value behaves as 0.",
1416
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-base-palette-light",
1253
1417
  "type": "value",
1254
1418
  "value": "light"
1255
1419
  },
1256
1420
  {
1257
1421
  "name": "dark",
1258
1422
  "prose": "Some color font formats include metadata marking certain palettes as applicable on a dark (close to black) background. This keyword identifies the first available palette in the font file marked this way. If the font file format does not account for this metadata, or no palette in the font is marked this way, this value behaves as 0.",
1423
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-base-palette-dark",
1259
1424
  "type": "value",
1260
1425
  "value": "dark"
1261
1426
  },
1262
1427
  {
1263
1428
  "name": "<integer>",
1264
1429
  "prose": "Identifies a (zero-based) numerical palette index within the font.",
1430
+ "href": "https://drafts.csswg.org/css-fonts-4/#typedef-base-palette-integer",
1265
1431
  "type": "type"
1266
1432
  }
1267
1433
  ]
1268
1434
  },
1269
1435
  {
1270
1436
  "name": "override-colors",
1437
+ "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-palette-values-override-colors",
1271
1438
  "for": "@font-palette-values",
1272
1439
  "value": "[ <integer [0,∞]> <color> ]#",
1273
1440
  "initial": "N/A"
@@ -1281,93 +1448,109 @@
1281
1448
  {
1282
1449
  "name": "<family-name>",
1283
1450
  "prose": "The name of a font family, such as Helvetica or Verdana in the previous example. This might be a locally-instaled font, or might be a web font.",
1451
+ "href": "https://drafts.csswg.org/css-fonts-4/#family-name-value",
1284
1452
  "type": "type",
1285
1453
  "value": "<string> | <custom-ident>+"
1286
1454
  },
1287
1455
  {
1288
1456
  "name": "<generic-family>",
1289
1457
  "prose": "Each <generic-family> keyword represents a generic font choice, and behaves as a potential alias for one or more locally-installed fonts belonging to the specified generic font category. A <generic-family> can thus be used as a fallback for when an author’s more specific font choices are not available. There are three types of generic family: Generics which apply to all Unicode characters and will always match a locally installed font. For example, monospaced. Generics which apply to all Unicode characters but may not match to a locally installed font on some systems. For example, ui-rounded. Generics which are writing-system specific, only apply to a subset of Unicode characters, and may not match to a locally installed font on some systems. For example, generic(fangsong). Authors are encouraged to append a generic font family as a last alternative for improved robustness, and to use a more specific generic font family, if applicable, to prefer a specific style even if the individual named font family is not available. Note that <generic-family> keywords cannot be quoted (otherwise they are interpreted as a <family-name>). The set of generic family keywords is defined in § 2.1.5 Generic font families.",
1458
+ "href": "https://drafts.csswg.org/css-fonts-4/#generic-family-value",
1290
1459
  "type": "type",
1291
1460
  "value": "generic( <custom-ident>+ ) | <string> | <custom-ident>+",
1292
1461
  "values": [
1293
1462
  {
1294
1463
  "name": "serif",
1295
1464
  "prose": "Serif fonts represent glyphs that have finishing strokes, flared or tapering ends, or have actual serifed endings (including slab serifs). Serif fonts are typically proportionately-spaced. They often display a greater variation between thick and thin strokes than fonts from the sans-serif generic font family. CSS uses the term \"serif\" to apply to a font for any script, although other names might be more familiar for particular scripts, such as Mincho (Japanese), Sung or Song (Chinese), Batang (Korean). For Arabic, the Naskh style would correspond to serif. serif must always map to at least one matched font face. Sample serif fonts",
1465
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-serif",
1296
1466
  "type": "value",
1297
1467
  "value": "serif"
1298
1468
  },
1299
1469
  {
1300
1470
  "name": "sans-serif",
1301
1471
  "prose": "Glyphs in sans-serif fonts, as the term is used in CSS, are generally low contrast (vertical and horizontal stems have the close to the same thickness) and have stroke endings that are plain (without any flaring, cross stroke, or other ornamentation). Sans-serif fonts are typically proportionately-spaced. They often have little variation between thick and thin strokes, compared to fonts from the serif family. CSS uses the term \"sans-serif\" to apply to a font for any script, although other names might be more familiar for particular scripts, such as Gothic (Japanese), Hei (Chinese), or Gulim (Korean). sans-serif must always map to at least one matched font face. Sample sans-serif fonts",
1472
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-sans-serif",
1302
1473
  "type": "value",
1303
1474
  "value": "sans-serif"
1304
1475
  },
1305
1476
  {
1306
1477
  "name": "cursive",
1307
1478
  "prose": "Glyphs in cursive fonts generally use a script style, and the result looks more like handwritten pen or brush writing than printed letterwork. CSS uses the term \"cursive\" to apply to a font for any script, although other names such as Chancery, Brush, Swing and Script are also used in font names. Sample cursive fonts",
1479
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-cursive",
1308
1480
  "type": "value",
1309
1481
  "value": "cursive"
1310
1482
  },
1311
1483
  {
1312
1484
  "name": "fantasy",
1313
1485
  "prose": "Fantasy fonts are primarily decorative or expressive fonts that contain decorative or expressive representations of characters. These do not include Pi or Picture fonts which do not represent actual characters. Sample fantasy fonts",
1486
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-fantasy",
1314
1487
  "type": "value",
1315
1488
  "value": "fantasy"
1316
1489
  },
1317
1490
  {
1318
1491
  "name": "monospace",
1319
1492
  "prose": "The sole criterion of a monospace font is that all glyphs have the same fixed width. This is often used to render samples of computer code. monospace must always map to at least one matched font face. Sample monospace fonts",
1493
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-monospace",
1320
1494
  "type": "value",
1321
1495
  "value": "monospace"
1322
1496
  },
1323
1497
  {
1324
1498
  "name": "system-ui",
1325
1499
  "prose": "This generic font family lets text render with the default user interface font (which, as with all § 2.1.5 Generic font families may be a composite font) on the platform on which the UA is running. A cross-platform UA should use different fonts on its different supported platforms. The purpose of system-ui is to allow web content to integrate with the look and feel of the native OS. The precise font used will depend on factors such as Unicode coverage and the content language. As with other generic font families, the substitution of specific installed fonts for system-ui does not affect the computed style. <div id=\"system-text\" style=\"font-family: system-ui\"></div> ... window.getComputedStyle(document.getElementById(\"system-text\")).getPropertyValue(\"font-family\"); The script above should not have any knowledge of how system-ui is expanded to include a collection of system user interface fonts. In particular, the above script should yield a result of \"system-ui\" on every platform.",
1500
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-system-ui",
1326
1501
  "type": "value",
1327
1502
  "value": "system-ui"
1328
1503
  },
1329
1504
  {
1330
1505
  "name": "math",
1331
1506
  "prose": "This font family is intended for use with mathematical expressions. Such fonts may include additional data (for example, the OpenType MATH table) to help with the hierarchical process of equation layout. In particular, they may contain stylistic and stretching glyph variants useful in setting mathematical equations.",
1507
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-math",
1332
1508
  "type": "value",
1333
1509
  "value": "math"
1334
1510
  },
1335
1511
  {
1336
1512
  "name": "generic()",
1337
1513
  "value": "generic()",
1514
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-generic-fangsong",
1338
1515
  "type": "value"
1339
1516
  },
1340
1517
  {
1341
1518
  "name": "generic()",
1342
1519
  "value": "generic()",
1520
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-generic-kai",
1343
1521
  "type": "value"
1344
1522
  },
1345
1523
  {
1346
1524
  "name": "generic()",
1347
1525
  "value": "generic()",
1526
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-generic-nastaliq",
1348
1527
  "type": "value"
1349
1528
  },
1350
1529
  {
1351
1530
  "name": "ui-serif",
1352
1531
  "prose": "This font family is used for the serif variant of the system’s user interface. The purpose of ui-serif is to allow web content to integrate with the look and feel of the native OS. Sample ui-serif font on macOS Catalina and iOS 13: New York",
1532
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-ui-serif",
1353
1533
  "type": "value",
1354
1534
  "value": "ui-serif"
1355
1535
  },
1356
1536
  {
1357
1537
  "name": "ui-sans-serif",
1358
1538
  "prose": "This font family is used for the sans-serif variant of the system’s user interface. The purpose of ui-sans-serif is to allow web content to integrate with the look and feel of the native OS. Sample ui-sans-serif font on macOS Catalina and iOS 13: San Francisco",
1539
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-ui-sans-serif",
1359
1540
  "type": "value",
1360
1541
  "value": "ui-sans-serif"
1361
1542
  },
1362
1543
  {
1363
1544
  "name": "ui-monospace",
1364
1545
  "prose": "This font family is used for the monospaced variant of the system’s user interface. The purpose of ui-monospace is to allow web content to integrate with the look and feel of the native OS. Sample ui-monospace font on macOS Catalina and iOS 13: SF Mono",
1546
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-ui-monospace",
1365
1547
  "type": "value",
1366
1548
  "value": "ui-monospace"
1367
1549
  },
1368
1550
  {
1369
1551
  "name": "ui-rounded",
1370
1552
  "prose": "This font family is used for the rounded variant of the system’s user interface. The purpose of ui-rounded is to allow web content to integrate with the look and feel of the native OS. Sample ui-rounded font on macOS Catalina and iOS 13: SF Rounded",
1553
+ "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-family-ui-rounded",
1371
1554
  "type": "value",
1372
1555
  "value": "ui-rounded"
1373
1556
  }
@@ -1376,106 +1559,127 @@
1376
1559
  {
1377
1560
  "name": "<system-family-name>",
1378
1561
  "prose": "A locally installed system font, whose use is subject to certain constraints. In particular, it may not be used with the font-family property, but can be used with the font shorthand. The following values refer to system fonts:",
1562
+ "href": "https://drafts.csswg.org/css-fonts-4/#system-family-name-value",
1379
1563
  "type": "type",
1380
1564
  "value": "caption | icon | menu | message-box | small-caption | status-bar"
1381
1565
  },
1382
1566
  {
1383
1567
  "name": "<font-weight-absolute>",
1568
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-weight-absolute-values",
1384
1569
  "type": "type",
1385
1570
  "value": "[normal | bold | <number [1,1000]>]"
1386
1571
  },
1387
1572
  {
1388
1573
  "name": "<font-variant-css2>",
1574
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-css21-values",
1389
1575
  "type": "type",
1390
1576
  "value": "[normal | small-caps]"
1391
1577
  },
1392
1578
  {
1393
1579
  "name": "<font-width-css3>",
1580
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-width-css3-values",
1394
1581
  "type": "type",
1395
1582
  "value": "[normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded]"
1396
1583
  },
1397
1584
  {
1398
1585
  "name": "<font-src-list>",
1399
1586
  "prose": "To parse a <font-src-list> production, parse a list of <font-src>s.",
1587
+ "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-src-list",
1400
1588
  "type": "type"
1401
1589
  },
1402
1590
  {
1403
1591
  "name": "<font-src>",
1592
+ "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-src",
1404
1593
  "type": "type",
1405
1594
  "value": "<url> [ format(<font-format>)]? [ tech( <font-tech>#)]? | local(<family-name>)"
1406
1595
  },
1407
1596
  {
1408
1597
  "name": "<font-format>",
1598
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-format-values",
1409
1599
  "type": "type",
1410
1600
  "value": "[<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
1411
1601
  },
1412
1602
  {
1413
1603
  "name": "<font-tech>",
1604
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-tech-values",
1414
1605
  "type": "type",
1415
1606
  "value": "[<font-features-tech> | <color-font-tech> | variations | palettes | incremental-patch | incremental-range | incremental-auto ]"
1416
1607
  },
1417
1608
  {
1418
1609
  "name": "<font-features-tech>",
1610
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-features-tech-values",
1419
1611
  "type": "type",
1420
1612
  "value": "[features-opentype | features-aat | features-graphite]"
1421
1613
  },
1422
1614
  {
1423
1615
  "name": "<color-font-tech>",
1616
+ "href": "https://drafts.csswg.org/css-fonts-4/#color-font-tech-values",
1424
1617
  "type": "type",
1425
1618
  "value": "[color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
1426
1619
  },
1427
1620
  {
1428
1621
  "name": "<common-lig-values>",
1622
+ "href": "https://drafts.csswg.org/css-fonts-4/#common-lig-values",
1429
1623
  "type": "type",
1430
1624
  "value": "[ common-ligatures | no-common-ligatures ]"
1431
1625
  },
1432
1626
  {
1433
1627
  "name": "<discretionary-lig-values>",
1628
+ "href": "https://drafts.csswg.org/css-fonts-4/#discretionary-lig-values",
1434
1629
  "type": "type",
1435
1630
  "value": "[ discretionary-ligatures | no-discretionary-ligatures ]"
1436
1631
  },
1437
1632
  {
1438
1633
  "name": "<historical-lig-values>",
1634
+ "href": "https://drafts.csswg.org/css-fonts-4/#historical-lig-values",
1439
1635
  "type": "type",
1440
1636
  "value": "[ historical-ligatures | no-historical-ligatures ]"
1441
1637
  },
1442
1638
  {
1443
1639
  "name": "<contextual-alt-values>",
1640
+ "href": "https://drafts.csswg.org/css-fonts-4/#contextual-alt-values",
1444
1641
  "type": "type",
1445
1642
  "value": "[ contextual | no-contextual ]"
1446
1643
  },
1447
1644
  {
1448
1645
  "name": "<numeric-figure-values>",
1646
+ "href": "https://drafts.csswg.org/css-fonts-4/#numeric-figure-values",
1449
1647
  "type": "type",
1450
1648
  "value": "[ lining-nums | oldstyle-nums ]"
1451
1649
  },
1452
1650
  {
1453
1651
  "name": "<numeric-spacing-values>",
1652
+ "href": "https://drafts.csswg.org/css-fonts-4/#numeric-spacing-values",
1454
1653
  "type": "type",
1455
1654
  "value": "[ proportional-nums | tabular-nums ]"
1456
1655
  },
1457
1656
  {
1458
1657
  "name": "<numeric-fraction-values>",
1658
+ "href": "https://drafts.csswg.org/css-fonts-4/#numeric-fraction-values",
1459
1659
  "type": "type",
1460
1660
  "value": "[ diagonal-fractions | stacked-fractions ]"
1461
1661
  },
1462
1662
  {
1463
1663
  "name": "<feature-value-name>",
1664
+ "href": "https://drafts.csswg.org/css-fonts-4/#feature-value-name-value",
1464
1665
  "type": "type",
1465
1666
  "value": "<ident>"
1466
1667
  },
1467
1668
  {
1468
1669
  "name": "<east-asian-variant-values>",
1670
+ "href": "https://drafts.csswg.org/css-fonts-4/#east-asian-variant-values",
1469
1671
  "type": "type",
1470
1672
  "value": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"
1471
1673
  },
1472
1674
  {
1473
1675
  "name": "<east-asian-width-values>",
1676
+ "href": "https://drafts.csswg.org/css-fonts-4/#east-asian-width-values",
1474
1677
  "type": "type",
1475
1678
  "value": "[ full-width | proportional-width ]"
1476
1679
  },
1477
1680
  {
1478
1681
  "name": "<opentype-tag>",
1682
+ "href": "https://drafts.csswg.org/css-fonts-4/#typedef-opentype-tag",
1479
1683
  "type": "type",
1480
1684
  "value": "<string>"
1481
1685
  }
@@ -1490,6 +1694,7 @@
1490
1694
  "msg": "Dangling value",
1491
1695
  "name": "normal",
1492
1696
  "prose": "specifies that when rendering with OpenType fonts, the content language of the element is used to infer the OpenType language system",
1697
+ "href": "https://drafts.csswg.org/css-fonts-4/#font-language-override-normal-value",
1493
1698
  "type": "value",
1494
1699
  "value": "normal",
1495
1700
  "for": "font-language override"