@webref/css 8.2.6 → 8.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/css.json +912 -75
  2. package/package.json +1 -1
package/css.json CHANGED
@@ -562,6 +562,12 @@
562
562
  "syntax": "@left-top { <declaration-list> };",
563
563
  "extended": []
564
564
  },
565
+ {
566
+ "name": "@macro",
567
+ "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
568
+ "descriptors": [],
569
+ "extended": []
570
+ },
565
571
  {
566
572
  "name": "@media",
567
573
  "prose": "The @media rule is a conditional group rule whose condition is a media query. Its syntax is:",
@@ -855,7 +861,7 @@
855
861
  "name": "@mixin",
856
862
  "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
857
863
  "descriptors": [],
858
- "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> }",
864
+ "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> } | @mixin <dashed-ident> { <declaration-rule-list> }",
859
865
  "extended": []
860
866
  },
861
867
  {
@@ -905,6 +911,14 @@
905
911
  "computedValue": "as specified",
906
912
  "syntax": "none | [ crop || cross ]"
907
913
  },
914
+ {
915
+ "name": "page-margin-safety",
916
+ "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-margin-safety",
917
+ "for": "@page",
918
+ "initial": "auto",
919
+ "computedValue": "as specified",
920
+ "syntax": "none | clamp | add"
921
+ },
908
922
  {
909
923
  "name": "page-orientation",
910
924
  "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-orientation",
@@ -2335,6 +2349,17 @@
2335
2349
  "WebkitAnimation",
2336
2350
  "webkitAnimation"
2337
2351
  ],
2352
+ "longhands": [
2353
+ "animation-name",
2354
+ "animation-duration",
2355
+ "animation-timing-function",
2356
+ "animation-delay",
2357
+ "animation-iteration-count",
2358
+ "animation-direction",
2359
+ "animation-fill-mode",
2360
+ "animation-play-state",
2361
+ "animation-timeline"
2362
+ ],
2338
2363
  "syntax": "<single-animation>#",
2339
2364
  "extended": []
2340
2365
  },
@@ -2527,6 +2552,12 @@
2527
2552
  "WebkitBorderRadius",
2528
2553
  "webkitBorderRadius"
2529
2554
  ],
2555
+ "longhands": [
2556
+ "border-top-left-radius",
2557
+ "border-top-right-radius",
2558
+ "border-bottom-right-radius",
2559
+ "border-bottom-left-radius"
2560
+ ],
2530
2561
  "syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
2531
2562
  "extended": []
2532
2563
  },
@@ -2613,6 +2644,13 @@
2613
2644
  "WebkitBoxShadow",
2614
2645
  "webkitBoxShadow"
2615
2646
  ],
2647
+ "longhands": [
2648
+ "box-shadow-color",
2649
+ "box-shadow-offset",
2650
+ "box-shadow-blur",
2651
+ "box-shadow-spread",
2652
+ "box-shadow-position"
2653
+ ],
2616
2654
  "syntax": "<spread-shadow>#",
2617
2655
  "extended": []
2618
2656
  },
@@ -2649,6 +2687,11 @@
2649
2687
  "WebkitFlex",
2650
2688
  "webkitFlex"
2651
2689
  ],
2690
+ "longhands": [
2691
+ "flex-grow",
2692
+ "flex-shrink",
2693
+ "flex-basis"
2694
+ ],
2652
2695
  "syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
2653
2696
  "extended": []
2654
2697
  },
@@ -2685,6 +2728,10 @@
2685
2728
  "WebkitFlexFlow",
2686
2729
  "webkitFlexFlow"
2687
2730
  ],
2731
+ "longhands": [
2732
+ "flex-direction",
2733
+ "flex-wrap"
2734
+ ],
2688
2735
  "syntax": "<'flex-direction'> || <'flex-wrap'>",
2689
2736
  "extended": []
2690
2737
  },
@@ -2751,6 +2798,11 @@
2751
2798
  "WebkitLineClamp",
2752
2799
  "webkitLineClamp"
2753
2800
  ],
2801
+ "longhands": [
2802
+ "max-lines",
2803
+ "block-ellipsis",
2804
+ "continue"
2805
+ ],
2754
2806
  "syntax": "none | <integer [1,∞]>",
2755
2807
  "extended": []
2756
2808
  },
@@ -2763,6 +2815,16 @@
2763
2815
  "WebkitMask",
2764
2816
  "webkitMask"
2765
2817
  ],
2818
+ "longhands": [
2819
+ "mask-image",
2820
+ "mask-position",
2821
+ "mask-size",
2822
+ "mask-repeat",
2823
+ "mask-origin",
2824
+ "mask-clip",
2825
+ "mask-composite",
2826
+ "mask-mode"
2827
+ ],
2766
2828
  "syntax": "<mask-layer>#",
2767
2829
  "extended": []
2768
2830
  },
@@ -2775,6 +2837,14 @@
2775
2837
  "WebkitMaskBoxImage",
2776
2838
  "webkitMaskBoxImage"
2777
2839
  ],
2840
+ "longhands": [
2841
+ "mask-border-source",
2842
+ "mask-border-slice",
2843
+ "mask-border-width",
2844
+ "mask-border-outset",
2845
+ "mask-border-repeat",
2846
+ "mask-border-mode"
2847
+ ],
2778
2848
  "syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
2779
2849
  "extended": []
2780
2850
  },
@@ -3005,6 +3075,10 @@
3005
3075
  "WebkitTextStroke",
3006
3076
  "webkitTextStroke"
3007
3077
  ],
3078
+ "longhands": [
3079
+ "-webkit-text-stroke-width",
3080
+ "-webkit-text-stroke-color"
3081
+ ],
3008
3082
  "syntax": "<line-width> || <color>",
3009
3083
  "extended": []
3010
3084
  },
@@ -3091,6 +3165,13 @@
3091
3165
  "WebkitTransition",
3092
3166
  "webkitTransition"
3093
3167
  ],
3168
+ "longhands": [
3169
+ "transition-property",
3170
+ "transition-duration",
3171
+ "transition-timing-function",
3172
+ "transition-delay",
3173
+ "transition-behavior"
3174
+ ],
3094
3175
  "syntax": "<single-transition>#",
3095
3176
  "extended": []
3096
3177
  },
@@ -3305,6 +3386,17 @@
3305
3386
  "styleDeclaration": [
3306
3387
  "animation"
3307
3388
  ],
3389
+ "longhands": [
3390
+ "animation-name",
3391
+ "animation-duration",
3392
+ "animation-timing-function",
3393
+ "animation-delay",
3394
+ "animation-iteration-count",
3395
+ "animation-direction",
3396
+ "animation-fill-mode",
3397
+ "animation-play-state",
3398
+ "animation-timeline"
3399
+ ],
3308
3400
  "syntax": "<single-animation>#",
3309
3401
  "extended": []
3310
3402
  },
@@ -3458,6 +3550,10 @@
3458
3550
  "animation-range",
3459
3551
  "animationRange"
3460
3552
  ],
3553
+ "longhands": [
3554
+ "animation-range-start",
3555
+ "animation-range-end"
3556
+ ],
3461
3557
  "syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
3462
3558
  "extended": []
3463
3559
  },
@@ -3548,7 +3644,7 @@
3548
3644
  },
3549
3645
  {
3550
3646
  "name": "animation-trigger",
3551
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
3647
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-animation-trigger",
3552
3648
  "initial": "none",
3553
3649
  "appliesTo": "all elements",
3554
3650
  "inherited": "no",
@@ -3646,6 +3742,16 @@
3646
3742
  "styleDeclaration": [
3647
3743
  "background"
3648
3744
  ],
3745
+ "longhands": [
3746
+ "background-image",
3747
+ "background-position",
3748
+ "background-size",
3749
+ "background-repeat",
3750
+ "background-attachment",
3751
+ "background-origin",
3752
+ "background-clip",
3753
+ "background-color"
3754
+ ],
3649
3755
  "syntax": "<bg-layer>#? , <final-bg-layer>",
3650
3756
  "extended": []
3651
3757
  },
@@ -3766,6 +3872,10 @@
3766
3872
  "background-position",
3767
3873
  "backgroundPosition"
3768
3874
  ],
3875
+ "longhands": [
3876
+ "background-position-x",
3877
+ "background-position-y"
3878
+ ],
3769
3879
  "syntax": "<bg-position>#",
3770
3880
  "extended": []
3771
3881
  },
@@ -4047,6 +4157,12 @@
4047
4157
  "block-step",
4048
4158
  "blockStep"
4049
4159
  ],
4160
+ "longhands": [
4161
+ "block-step-size",
4162
+ "block-step-insert",
4163
+ "block-step-align",
4164
+ "block-step-round"
4165
+ ],
4050
4166
  "syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
4051
4167
  "extended": []
4052
4168
  },
@@ -4182,6 +4298,11 @@
4182
4298
  "styleDeclaration": [
4183
4299
  "border"
4184
4300
  ],
4301
+ "longhands": [
4302
+ "border-width",
4303
+ "border-style",
4304
+ "border-color"
4305
+ ],
4185
4306
  "syntax": "<line-width> || <line-style> || <color>",
4186
4307
  "extended": []
4187
4308
  },
@@ -4199,6 +4320,10 @@
4199
4320
  "border-block",
4200
4321
  "borderBlock"
4201
4322
  ],
4323
+ "longhands": [
4324
+ "border-block-start",
4325
+ "border-block-end"
4326
+ ],
4202
4327
  "syntax": "<'border-block-start'>",
4203
4328
  "extended": []
4204
4329
  },
@@ -4216,6 +4341,10 @@
4216
4341
  "border-block-clip",
4217
4342
  "borderBlockClip"
4218
4343
  ],
4344
+ "longhands": [
4345
+ "border-block-start-clip",
4346
+ "border-block-end-clip"
4347
+ ],
4219
4348
  "syntax": "<'border-top-clip'>",
4220
4349
  "extended": []
4221
4350
  },
@@ -4233,6 +4362,10 @@
4233
4362
  "border-block-color",
4234
4363
  "borderBlockColor"
4235
4364
  ],
4365
+ "longhands": [
4366
+ "border-block-start-color",
4367
+ "border-block-end-color"
4368
+ ],
4236
4369
  "syntax": "<'border-top-color'>{1,2}",
4237
4370
  "extended": []
4238
4371
  },
@@ -4250,6 +4383,11 @@
4250
4383
  "border-block-end",
4251
4384
  "borderBlockEnd"
4252
4385
  ],
4386
+ "longhands": [
4387
+ "border-block-end-width",
4388
+ "border-block-end-style",
4389
+ "border-block-end-color"
4390
+ ],
4253
4391
  "syntax": "<line-width> || <line-style> || <color>",
4254
4392
  "extended": []
4255
4393
  },
@@ -4303,6 +4441,10 @@
4303
4441
  "border-block-end-radius",
4304
4442
  "borderBlockEndRadius"
4305
4443
  ],
4444
+ "longhands": [
4445
+ "border-end-start-radius",
4446
+ "border-end-end-radius"
4447
+ ],
4306
4448
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
4307
4449
  "extended": []
4308
4450
  },
@@ -4356,6 +4498,11 @@
4356
4498
  "border-block-start",
4357
4499
  "borderBlockStart"
4358
4500
  ],
4501
+ "longhands": [
4502
+ "border-block-start-width",
4503
+ "border-block-start-style",
4504
+ "border-block-start-color"
4505
+ ],
4359
4506
  "syntax": "<line-width> || <line-style> || <color>",
4360
4507
  "extended": []
4361
4508
  },
@@ -4409,6 +4556,10 @@
4409
4556
  "border-block-start-radius",
4410
4557
  "borderBlockStartRadius"
4411
4558
  ],
4559
+ "longhands": [
4560
+ "border-start-start-radius",
4561
+ "border-start-end-radius"
4562
+ ],
4412
4563
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
4413
4564
  "extended": []
4414
4565
  },
@@ -4462,6 +4613,10 @@
4462
4613
  "border-block-style",
4463
4614
  "borderBlockStyle"
4464
4615
  ],
4616
+ "longhands": [
4617
+ "border-block-start-style",
4618
+ "border-block-end-style"
4619
+ ],
4465
4620
  "syntax": "<'border-top-style'>{1,2}",
4466
4621
  "extended": []
4467
4622
  },
@@ -4479,6 +4634,10 @@
4479
4634
  "border-block-width",
4480
4635
  "borderBlockWidth"
4481
4636
  ],
4637
+ "longhands": [
4638
+ "border-block-start-width",
4639
+ "border-block-end-width"
4640
+ ],
4482
4641
  "syntax": "<'border-top-width'>{1,2}",
4483
4642
  "extended": []
4484
4643
  },
@@ -4496,6 +4655,11 @@
4496
4655
  "border-bottom",
4497
4656
  "borderBottom"
4498
4657
  ],
4658
+ "longhands": [
4659
+ "border-bottom-width",
4660
+ "border-bottom-style",
4661
+ "border-bottom-color"
4662
+ ],
4499
4663
  "syntax": "<line-width> || <line-style> || <color>",
4500
4664
  "extended": []
4501
4665
  },
@@ -4567,6 +4731,10 @@
4567
4731
  "border-bottom-radius",
4568
4732
  "borderBottomRadius"
4569
4733
  ],
4734
+ "longhands": [
4735
+ "border-bottom-left-radius",
4736
+ "border-bottom-right-radius"
4737
+ ],
4570
4738
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
4571
4739
  "extended": []
4572
4740
  },
@@ -4655,6 +4823,12 @@
4655
4823
  "border-clip",
4656
4824
  "borderClip"
4657
4825
  ],
4826
+ "longhands": [
4827
+ "border-top-clip",
4828
+ "border-right-clip",
4829
+ "border-bottom-clip",
4830
+ "border-left-clip"
4831
+ ],
4658
4832
  "syntax": "<'border-top-clip'>",
4659
4833
  "extended": []
4660
4834
  },
@@ -4689,6 +4863,12 @@
4689
4863
  "border-color",
4690
4864
  "borderColor"
4691
4865
  ],
4866
+ "longhands": [
4867
+ "border-top-color",
4868
+ "border-right-color",
4869
+ "border-bottom-color",
4870
+ "border-left-color"
4871
+ ],
4692
4872
  "syntax": "[ <color> | <image-1D> ]{1,4}",
4693
4873
  "extended": []
4694
4874
  },
@@ -4742,6 +4922,13 @@
4742
4922
  "border-image",
4743
4923
  "borderImage"
4744
4924
  ],
4925
+ "longhands": [
4926
+ "border-image-source",
4927
+ "border-image-slice",
4928
+ "border-image-width",
4929
+ "border-image-outset",
4930
+ "border-image-repeat"
4931
+ ],
4745
4932
  "syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>",
4746
4933
  "extended": []
4747
4934
  },
@@ -4844,6 +5031,10 @@
4844
5031
  "border-inline",
4845
5032
  "borderInline"
4846
5033
  ],
5034
+ "longhands": [
5035
+ "border-inline-start",
5036
+ "border-inline-end"
5037
+ ],
4847
5038
  "syntax": "<'border-block-start'>",
4848
5039
  "extended": []
4849
5040
  },
@@ -4861,6 +5052,10 @@
4861
5052
  "border-inline-clip",
4862
5053
  "borderInlineClip"
4863
5054
  ],
5055
+ "longhands": [
5056
+ "border-inline-start-clip",
5057
+ "border-inline-end-clip"
5058
+ ],
4864
5059
  "syntax": "<'border-top-clip'>",
4865
5060
  "extended": []
4866
5061
  },
@@ -4878,6 +5073,10 @@
4878
5073
  "border-inline-color",
4879
5074
  "borderInlineColor"
4880
5075
  ],
5076
+ "longhands": [
5077
+ "border-inline-start-color",
5078
+ "border-inline-end-color"
5079
+ ],
4881
5080
  "syntax": "<'border-top-color'>{1,2}",
4882
5081
  "extended": []
4883
5082
  },
@@ -4895,6 +5094,11 @@
4895
5094
  "border-inline-end",
4896
5095
  "borderInlineEnd"
4897
5096
  ],
5097
+ "longhands": [
5098
+ "border-inline-end-width",
5099
+ "border-inline-end-style",
5100
+ "border-inline-end-color"
5101
+ ],
4898
5102
  "syntax": "<line-width> || <line-style> || <color>",
4899
5103
  "extended": []
4900
5104
  },
@@ -4948,6 +5152,10 @@
4948
5152
  "border-inline-end-radius",
4949
5153
  "borderInlineEndRadius"
4950
5154
  ],
5155
+ "longhands": [
5156
+ "border-start-end-radius",
5157
+ "border-end-end-radius"
5158
+ ],
4951
5159
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
4952
5160
  "extended": []
4953
5161
  },
@@ -5001,6 +5209,11 @@
5001
5209
  "border-inline-start",
5002
5210
  "borderInlineStart"
5003
5211
  ],
5212
+ "longhands": [
5213
+ "border-inline-start-width",
5214
+ "border-inline-start-style",
5215
+ "border-inline-start-color"
5216
+ ],
5004
5217
  "syntax": "<line-width> || <line-style> || <color>",
5005
5218
  "extended": []
5006
5219
  },
@@ -5054,6 +5267,10 @@
5054
5267
  "border-inline-start-radius",
5055
5268
  "borderInlineStartRadius"
5056
5269
  ],
5270
+ "longhands": [
5271
+ "border-start-start-radius",
5272
+ "border-end-start-radius"
5273
+ ],
5057
5274
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
5058
5275
  "extended": []
5059
5276
  },
@@ -5107,6 +5324,10 @@
5107
5324
  "border-inline-style",
5108
5325
  "borderInlineStyle"
5109
5326
  ],
5327
+ "longhands": [
5328
+ "border-inline-start-style",
5329
+ "border-inline-end-style"
5330
+ ],
5110
5331
  "syntax": "<'border-top-style'>{1,2}",
5111
5332
  "extended": []
5112
5333
  },
@@ -5124,6 +5345,10 @@
5124
5345
  "border-inline-width",
5125
5346
  "borderInlineWidth"
5126
5347
  ],
5348
+ "longhands": [
5349
+ "border-inline-start-width",
5350
+ "border-inline-end-width"
5351
+ ],
5127
5352
  "syntax": "<'border-top-width'>{1,2}",
5128
5353
  "extended": []
5129
5354
  },
@@ -5141,6 +5366,11 @@
5141
5366
  "border-left",
5142
5367
  "borderLeft"
5143
5368
  ],
5369
+ "longhands": [
5370
+ "border-left-width",
5371
+ "border-left-style",
5372
+ "border-left-color"
5373
+ ],
5144
5374
  "syntax": "<line-width> || <line-style> || <color>",
5145
5375
  "extended": []
5146
5376
  },
@@ -5194,6 +5424,10 @@
5194
5424
  "border-left-radius",
5195
5425
  "borderLeftRadius"
5196
5426
  ],
5427
+ "longhands": [
5428
+ "border-top-left-radius",
5429
+ "border-bottom-left-radius"
5430
+ ],
5197
5431
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
5198
5432
  "extended": []
5199
5433
  },
@@ -5264,6 +5498,12 @@
5264
5498
  "border-radius",
5265
5499
  "borderRadius"
5266
5500
  ],
5501
+ "longhands": [
5502
+ "border-top-left-radius",
5503
+ "border-top-right-radius",
5504
+ "border-bottom-right-radius",
5505
+ "border-bottom-left-radius"
5506
+ ],
5267
5507
  "syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
5268
5508
  "extended": []
5269
5509
  },
@@ -5281,6 +5521,11 @@
5281
5521
  "border-right",
5282
5522
  "borderRight"
5283
5523
  ],
5524
+ "longhands": [
5525
+ "border-right-width",
5526
+ "border-right-style",
5527
+ "border-right-color"
5528
+ ],
5284
5529
  "syntax": "<line-width> || <line-style> || <color>",
5285
5530
  "extended": []
5286
5531
  },
@@ -5334,6 +5579,10 @@
5334
5579
  "border-right-radius",
5335
5580
  "borderRightRadius"
5336
5581
  ],
5582
+ "longhands": [
5583
+ "border-top-right-radius",
5584
+ "border-bottom-right-radius"
5585
+ ],
5337
5586
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
5338
5587
  "extended": []
5339
5588
  },
@@ -5457,6 +5706,12 @@
5457
5706
  "border-style",
5458
5707
  "borderStyle"
5459
5708
  ],
5709
+ "longhands": [
5710
+ "border-top-style",
5711
+ "border-right-style",
5712
+ "border-bottom-style",
5713
+ "border-left-style"
5714
+ ],
5460
5715
  "syntax": "<'border-top-style'>{1,4}",
5461
5716
  "extended": []
5462
5717
  },
@@ -5474,6 +5729,11 @@
5474
5729
  "border-top",
5475
5730
  "borderTop"
5476
5731
  ],
5732
+ "longhands": [
5733
+ "border-top-width",
5734
+ "border-top-style",
5735
+ "border-top-color"
5736
+ ],
5477
5737
  "syntax": "<line-width> || <line-style> || <color>",
5478
5738
  "extended": []
5479
5739
  },
@@ -5545,6 +5805,10 @@
5545
5805
  "border-top-radius",
5546
5806
  "borderTopRadius"
5547
5807
  ],
5808
+ "longhands": [
5809
+ "border-top-left-radius",
5810
+ "border-top-right-radius"
5811
+ ],
5548
5812
  "syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
5549
5813
  "extended": []
5550
5814
  },
@@ -5616,6 +5880,12 @@
5616
5880
  "border-width",
5617
5881
  "borderWidth"
5618
5882
  ],
5883
+ "longhands": [
5884
+ "border-top-width",
5885
+ "border-right-width",
5886
+ "border-bottom-width",
5887
+ "border-left-width"
5888
+ ],
5619
5889
  "syntax": "<'border-top-width'>{1,4}",
5620
5890
  "extended": []
5621
5891
  },
@@ -5669,6 +5939,13 @@
5669
5939
  "box-shadow",
5670
5940
  "boxShadow"
5671
5941
  ],
5942
+ "longhands": [
5943
+ "box-shadow-color",
5944
+ "box-shadow-offset",
5945
+ "box-shadow-blur",
5946
+ "box-shadow-spread",
5947
+ "box-shadow-position"
5948
+ ],
5672
5949
  "syntax": "<spread-shadow>#",
5673
5950
  "extended": []
5674
5951
  },
@@ -5872,6 +6149,11 @@
5872
6149
  "styleDeclaration": [
5873
6150
  "caret"
5874
6151
  ],
6152
+ "longhands": [
6153
+ "caret-color",
6154
+ "caret-animation",
6155
+ "caret-shape"
6156
+ ],
5875
6157
  "syntax": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
5876
6158
  "extended": []
5877
6159
  },
@@ -6025,6 +6307,9 @@
6025
6307
  "color-adjust",
6026
6308
  "colorAdjust"
6027
6309
  ],
6310
+ "longhands": [
6311
+ "print-color-adjust"
6312
+ ],
6028
6313
  "syntax": "<'print-color-adjust'>",
6029
6314
  "extended": []
6030
6315
  },
@@ -6128,7 +6413,7 @@
6128
6413
  "column-gap",
6129
6414
  "columnGap"
6130
6415
  ],
6131
- "syntax": "normal | <length-percentage [0,∞]>",
6416
+ "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
6132
6417
  "extended": []
6133
6418
  },
6134
6419
  {
@@ -6162,6 +6447,11 @@
6162
6447
  "column-rule",
6163
6448
  "columnRule"
6164
6449
  ],
6450
+ "longhands": [
6451
+ "column-rule-width",
6452
+ "column-rule-style",
6453
+ "column-rule-color"
6454
+ ],
6165
6455
  "syntax": "<gap-rule-list> | <gap-auto-rule-list>",
6166
6456
  "extended": []
6167
6457
  },
@@ -6191,7 +6481,7 @@
6191
6481
  "percentages": "n/a",
6192
6482
  "computedValue": "as specified",
6193
6483
  "canonicalOrder": "per grammar",
6194
- "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
6484
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
6195
6485
  "styleDeclaration": [
6196
6486
  "column-rule-color",
6197
6487
  "columnRuleColor"
@@ -6213,6 +6503,10 @@
6213
6503
  "column-rule-edge-inset",
6214
6504
  "columnRuleEdgeInset"
6215
6505
  ],
6506
+ "longhands": [
6507
+ "column-rule-edge-inset-start",
6508
+ "column-rule-edge-inset-end"
6509
+ ],
6216
6510
  "syntax": "<length-percentage> [ <length-percentage> ]?",
6217
6511
  "extended": []
6218
6512
  },
@@ -6264,6 +6558,12 @@
6264
6558
  "column-rule-inset",
6265
6559
  "columnRuleInset"
6266
6560
  ],
6561
+ "longhands": [
6562
+ "column-rule-edge-inset-start",
6563
+ "column-rule-edge-inset-end",
6564
+ "column-rule-interior-inset-start",
6565
+ "column-rule-interior-inset-end"
6566
+ ],
6267
6567
  "syntax": "<'column-rule-edge-inset'> [ / <'column-rule-interior-inset'> ]?",
6268
6568
  "extended": []
6269
6569
  },
@@ -6281,6 +6581,10 @@
6281
6581
  "column-rule-inset-end",
6282
6582
  "columnRuleInsetEnd"
6283
6583
  ],
6584
+ "longhands": [
6585
+ "column-rule-edge-inset-end",
6586
+ "column-rule-interior-inset-end"
6587
+ ],
6284
6588
  "syntax": "<length-percentage>",
6285
6589
  "extended": []
6286
6590
  },
@@ -6298,6 +6602,10 @@
6298
6602
  "column-rule-inset-start",
6299
6603
  "columnRuleInsetStart"
6300
6604
  ],
6605
+ "longhands": [
6606
+ "column-rule-edge-inset-start",
6607
+ "column-rule-interior-inset-start"
6608
+ ],
6301
6609
  "syntax": "<length-percentage>",
6302
6610
  "extended": []
6303
6611
  },
@@ -6315,6 +6623,10 @@
6315
6623
  "column-rule-interior-inset",
6316
6624
  "columnRuleInteriorInset"
6317
6625
  ],
6626
+ "longhands": [
6627
+ "column-rule-interior-inset-start",
6628
+ "column-rule-interior-inset-end"
6629
+ ],
6318
6630
  "syntax": "<length-percentage> [ <length-percentage> ]?",
6319
6631
  "extended": []
6320
6632
  },
@@ -6395,7 +6707,7 @@
6395
6707
  "percentages": "n/a",
6396
6708
  "computedValue": "list of absolute lengths, snapped as a border width",
6397
6709
  "canonicalOrder": "per grammar",
6398
- "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
6710
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
6399
6711
  "styleDeclaration": [
6400
6712
  "column-rule-width",
6401
6713
  "columnRuleWidth"
@@ -6469,6 +6781,11 @@
6469
6781
  "styleDeclaration": [
6470
6782
  "columns"
6471
6783
  ],
6784
+ "longhands": [
6785
+ "column-width",
6786
+ "column-count",
6787
+ "column-height"
6788
+ ],
6472
6789
  "syntax": "[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?",
6473
6790
  "extended": []
6474
6791
  },
@@ -6556,6 +6873,10 @@
6556
6873
  "contain-intrinsic-size",
6557
6874
  "containIntrinsicSize"
6558
6875
  ],
6876
+ "longhands": [
6877
+ "contain-intrinsic-width",
6878
+ "contain-intrinsic-height"
6879
+ ],
6559
6880
  "syntax": "[ [ auto | from-element ]? [ none | <length [0,∞]> ] ]{1,2}",
6560
6881
  "extended": []
6561
6882
  },
@@ -6590,6 +6911,10 @@
6590
6911
  "styleDeclaration": [
6591
6912
  "container"
6592
6913
  ],
6914
+ "longhands": [
6915
+ "container-name",
6916
+ "container-type"
6917
+ ],
6593
6918
  "syntax": "<'container-name'> [ / <'container-type'> ]?",
6594
6919
  "extended": []
6595
6920
  },
@@ -6710,6 +7035,10 @@
6710
7035
  "styleDeclaration": [
6711
7036
  "corner"
6712
7037
  ],
7038
+ "longhands": [
7039
+ "border-radius",
7040
+ "corner-shape"
7041
+ ],
6713
7042
  "syntax": "<'border-radius'> || <'corner-shape'>",
6714
7043
  "extended": []
6715
7044
  },
@@ -6727,6 +7056,10 @@
6727
7056
  "corner-block-end",
6728
7057
  "cornerBlockEnd"
6729
7058
  ],
7059
+ "longhands": [
7060
+ "border-block-end-radius",
7061
+ "corner-block-end-shape"
7062
+ ],
6730
7063
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
6731
7064
  "extended": []
6732
7065
  },
@@ -6744,6 +7077,10 @@
6744
7077
  "corner-block-end-shape",
6745
7078
  "cornerBlockEndShape"
6746
7079
  ],
7080
+ "longhands": [
7081
+ "corner-end-start-shape",
7082
+ "corner-end-end-shape"
7083
+ ],
6747
7084
  "syntax": "<'corner-top-left-shape'>{1,2}",
6748
7085
  "extended": []
6749
7086
  },
@@ -6761,6 +7098,10 @@
6761
7098
  "corner-block-start",
6762
7099
  "cornerBlockStart"
6763
7100
  ],
7101
+ "longhands": [
7102
+ "border-block-start-radius",
7103
+ "corner-block-start-shape"
7104
+ ],
6764
7105
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
6765
7106
  "extended": []
6766
7107
  },
@@ -6778,6 +7119,10 @@
6778
7119
  "corner-block-start-shape",
6779
7120
  "cornerBlockStartShape"
6780
7121
  ],
7122
+ "longhands": [
7123
+ "corner-start-start-shape",
7124
+ "corner-start-end-shape"
7125
+ ],
6781
7126
  "syntax": "<'corner-top-left-shape'>{1,2}",
6782
7127
  "extended": []
6783
7128
  },
@@ -6795,6 +7140,10 @@
6795
7140
  "corner-bottom",
6796
7141
  "cornerBottom"
6797
7142
  ],
7143
+ "longhands": [
7144
+ "border-bottom-radius",
7145
+ "corner-bottom-shape"
7146
+ ],
6798
7147
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
6799
7148
  "extended": []
6800
7149
  },
@@ -6812,6 +7161,10 @@
6812
7161
  "corner-bottom-left",
6813
7162
  "cornerBottomLeft"
6814
7163
  ],
7164
+ "longhands": [
7165
+ "border-bottom-left-radius",
7166
+ "corner-bottom-left-shape"
7167
+ ],
6815
7168
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
6816
7169
  "extended": []
6817
7170
  },
@@ -6847,6 +7200,10 @@
6847
7200
  "corner-bottom-right",
6848
7201
  "cornerBottomRight"
6849
7202
  ],
7203
+ "longhands": [
7204
+ "border-bottom-right-radius",
7205
+ "corner-bottom-right-shape"
7206
+ ],
6850
7207
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
6851
7208
  "extended": []
6852
7209
  },
@@ -6882,6 +7239,10 @@
6882
7239
  "corner-bottom-shape",
6883
7240
  "cornerBottomShape"
6884
7241
  ],
7242
+ "longhands": [
7243
+ "corner-bottom-left-shape",
7244
+ "corner-bottom-right-shape"
7245
+ ],
6885
7246
  "syntax": "<'corner-top-left-shape'>{1,2}",
6886
7247
  "extended": []
6887
7248
  },
@@ -6899,6 +7260,10 @@
6899
7260
  "corner-end-end",
6900
7261
  "cornerEndEnd"
6901
7262
  ],
7263
+ "longhands": [
7264
+ "border-end-end-radius",
7265
+ "corner-end-end-shape"
7266
+ ],
6902
7267
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
6903
7268
  "extended": []
6904
7269
  },
@@ -6934,6 +7299,10 @@
6934
7299
  "corner-end-start",
6935
7300
  "cornerEndStart"
6936
7301
  ],
7302
+ "longhands": [
7303
+ "border-end-start-radius",
7304
+ "corner-end-start-shape"
7305
+ ],
6937
7306
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
6938
7307
  "extended": []
6939
7308
  },
@@ -6969,6 +7338,10 @@
6969
7338
  "corner-inline-end",
6970
7339
  "cornerInlineEnd"
6971
7340
  ],
7341
+ "longhands": [
7342
+ "border-inline-end-radius",
7343
+ "corner-inline-end-shape"
7344
+ ],
6972
7345
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
6973
7346
  "extended": []
6974
7347
  },
@@ -6986,6 +7359,10 @@
6986
7359
  "corner-inline-end-shape",
6987
7360
  "cornerInlineEndShape"
6988
7361
  ],
7362
+ "longhands": [
7363
+ "corner-start-end-shape",
7364
+ "corner-end-end-shape"
7365
+ ],
6989
7366
  "syntax": "<'corner-top-left-shape'>{1,2}",
6990
7367
  "extended": []
6991
7368
  },
@@ -7003,6 +7380,10 @@
7003
7380
  "corner-inline-start",
7004
7381
  "cornerInlineStart"
7005
7382
  ],
7383
+ "longhands": [
7384
+ "border-inline-start-radius",
7385
+ "corner-inline-start-shape"
7386
+ ],
7006
7387
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
7007
7388
  "extended": []
7008
7389
  },
@@ -7020,6 +7401,10 @@
7020
7401
  "corner-inline-start-shape",
7021
7402
  "cornerInlineStartShape"
7022
7403
  ],
7404
+ "longhands": [
7405
+ "corner-start-start-shape",
7406
+ "corner-end-start-shape"
7407
+ ],
7023
7408
  "syntax": "<'corner-top-left-shape'>{1,2}",
7024
7409
  "extended": []
7025
7410
  },
@@ -7037,6 +7422,10 @@
7037
7422
  "corner-left",
7038
7423
  "cornerLeft"
7039
7424
  ],
7425
+ "longhands": [
7426
+ "border-left-radius",
7427
+ "corner-left-shape"
7428
+ ],
7040
7429
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
7041
7430
  "extended": []
7042
7431
  },
@@ -7054,6 +7443,10 @@
7054
7443
  "corner-left-shape",
7055
7444
  "cornerLeftShape"
7056
7445
  ],
7446
+ "longhands": [
7447
+ "corner-top-left-shape",
7448
+ "corner-bottom-left-shape"
7449
+ ],
7057
7450
  "syntax": "<'corner-top-left-shape'>{1,2}",
7058
7451
  "extended": []
7059
7452
  },
@@ -7071,6 +7464,10 @@
7071
7464
  "corner-right",
7072
7465
  "cornerRight"
7073
7466
  ],
7467
+ "longhands": [
7468
+ "border-right-radius",
7469
+ "corner-right-shape"
7470
+ ],
7074
7471
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
7075
7472
  "extended": []
7076
7473
  },
@@ -7088,6 +7485,10 @@
7088
7485
  "corner-right-shape",
7089
7486
  "cornerRightShape"
7090
7487
  ],
7488
+ "longhands": [
7489
+ "corner-top-right-shape",
7490
+ "corner-bottom-right-shape"
7491
+ ],
7091
7492
  "syntax": "<'corner-top-left-shape'>{1,2}",
7092
7493
  "extended": []
7093
7494
  },
@@ -7105,6 +7506,12 @@
7105
7506
  "corner-shape",
7106
7507
  "cornerShape"
7107
7508
  ],
7509
+ "longhands": [
7510
+ "corner-top-left-shape",
7511
+ "corner-top-right-shape",
7512
+ "corner-bottom-right-shape",
7513
+ "corner-bottom-left-shape"
7514
+ ],
7108
7515
  "syntax": "<'corner-top-left-shape'>{1,4}",
7109
7516
  "extended": []
7110
7517
  },
@@ -7122,6 +7529,10 @@
7122
7529
  "corner-start-end",
7123
7530
  "cornerStartEnd"
7124
7531
  ],
7532
+ "longhands": [
7533
+ "border-start-end-radius",
7534
+ "corner-start-end-shape"
7535
+ ],
7125
7536
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
7126
7537
  "extended": []
7127
7538
  },
@@ -7157,6 +7568,10 @@
7157
7568
  "corner-start-start",
7158
7569
  "cornerStartStart"
7159
7570
  ],
7571
+ "longhands": [
7572
+ "border-start-start-radius",
7573
+ "corner-start-start-shape"
7574
+ ],
7160
7575
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
7161
7576
  "extended": []
7162
7577
  },
@@ -7192,6 +7607,10 @@
7192
7607
  "corner-top",
7193
7608
  "cornerTop"
7194
7609
  ],
7610
+ "longhands": [
7611
+ "border-top-radius",
7612
+ "corner-top-shape"
7613
+ ],
7195
7614
  "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
7196
7615
  "extended": []
7197
7616
  },
@@ -7209,6 +7628,10 @@
7209
7628
  "corner-top-left",
7210
7629
  "cornerTopLeft"
7211
7630
  ],
7631
+ "longhands": [
7632
+ "border-top-left-radius",
7633
+ "corner-top-left-shape"
7634
+ ],
7212
7635
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
7213
7636
  "extended": []
7214
7637
  },
@@ -7244,6 +7667,10 @@
7244
7667
  "corner-top-right",
7245
7668
  "cornerTopRight"
7246
7669
  ],
7670
+ "longhands": [
7671
+ "border-top-right-radius",
7672
+ "corner-top-right-shape"
7673
+ ],
7247
7674
  "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
7248
7675
  "extended": []
7249
7676
  },
@@ -7279,6 +7706,10 @@
7279
7706
  "corner-top-shape",
7280
7707
  "cornerTopShape"
7281
7708
  ],
7709
+ "longhands": [
7710
+ "corner-top-left-shape",
7711
+ "corner-top-right-shape"
7712
+ ],
7282
7713
  "syntax": "<'corner-top-left-shape'>{1,2}",
7283
7714
  "extended": []
7284
7715
  },
@@ -7346,6 +7777,10 @@
7346
7777
  "styleDeclaration": [
7347
7778
  "cue"
7348
7779
  ],
7780
+ "longhands": [
7781
+ "cue-before",
7782
+ "cue-after"
7783
+ ],
7349
7784
  "syntax": "<'cue-before'> <'cue-after'>?",
7350
7785
  "extended": []
7351
7786
  },
@@ -7536,14 +7971,14 @@
7536
7971
  },
7537
7972
  {
7538
7973
  "name": "event-trigger",
7539
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger",
7974
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger",
7540
7975
  "initial": "none",
7541
7976
  "appliesTo": "all elements",
7542
7977
  "inherited": "no",
7543
7978
  "percentages": "N/A",
7544
7979
  "computedValue": "as specified",
7545
- "canonicalOrder": "per grammar",
7546
7980
  "animationType": "not animatable",
7981
+ "canonicalOrder": "per grammar",
7547
7982
  "styleDeclaration": [
7548
7983
  "event-trigger",
7549
7984
  "eventTrigger"
@@ -7553,7 +7988,7 @@
7553
7988
  },
7554
7989
  {
7555
7990
  "name": "event-trigger-name",
7556
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-name",
7991
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-name",
7557
7992
  "initial": "none",
7558
7993
  "appliesTo": "all elements",
7559
7994
  "inherited": "no",
@@ -7570,7 +8005,7 @@
7570
8005
  },
7571
8006
  {
7572
8007
  "name": "event-trigger-source",
7573
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-source",
8008
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-source",
7574
8009
  "initial": "none",
7575
8010
  "appliesTo": "all elements",
7576
8011
  "inherited": "no",
@@ -7810,6 +8245,11 @@
7810
8245
  "styleDeclaration": [
7811
8246
  "flex"
7812
8247
  ],
8248
+ "longhands": [
8249
+ "flex-grow",
8250
+ "flex-shrink",
8251
+ "flex-basis"
8252
+ ],
7813
8253
  "syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
7814
8254
  "extended": []
7815
8255
  },
@@ -7861,6 +8301,10 @@
7861
8301
  "flex-flow",
7862
8302
  "flexFlow"
7863
8303
  ],
8304
+ "longhands": [
8305
+ "flex-direction",
8306
+ "flex-wrap"
8307
+ ],
7864
8308
  "syntax": "<'flex-direction'> || <'flex-wrap'>",
7865
8309
  "extended": []
7866
8310
  },
@@ -8084,6 +8528,15 @@
8084
8528
  "styleDeclaration": [
8085
8529
  "font"
8086
8530
  ],
8531
+ "longhands": [
8532
+ "font-style",
8533
+ "font-variant",
8534
+ "font-weight",
8535
+ "font-stretch",
8536
+ "font-size",
8537
+ "line-height",
8538
+ "font-family"
8539
+ ],
8087
8540
  "syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
8088
8541
  "extended": []
8089
8542
  },
@@ -8265,6 +8718,11 @@
8265
8718
  "font-synthesis",
8266
8719
  "fontSynthesis"
8267
8720
  ],
8721
+ "longhands": [
8722
+ "font-synthesis-weight",
8723
+ "font-synthesis-style",
8724
+ "font-synthesis-small-caps"
8725
+ ],
8268
8726
  "syntax": "none | [ weight || style || small-caps || position]",
8269
8727
  "extended": []
8270
8728
  },
@@ -8352,6 +8810,15 @@
8352
8810
  "font-variant",
8353
8811
  "fontVariant"
8354
8812
  ],
8813
+ "longhands": [
8814
+ "font-variant-ligatures",
8815
+ "font-variant-caps",
8816
+ "font-variant-alternates",
8817
+ "font-variant-numeric",
8818
+ "font-variant-east-asian",
8819
+ "font-variant-position",
8820
+ "font-variant-emoji"
8821
+ ],
8355
8822
  "syntax": "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 ] ]",
8356
8823
  "extended": []
8357
8824
  },
@@ -8589,6 +9056,10 @@
8589
9056
  "styleDeclaration": [
8590
9057
  "gap"
8591
9058
  ],
9059
+ "longhands": [
9060
+ "row-gap",
9061
+ "column-gap"
9062
+ ],
8592
9063
  "syntax": "<'row-gap'> <'column-gap'>?",
8593
9064
  "extended": []
8594
9065
  },
@@ -8622,6 +9093,14 @@
8622
9093
  "styleDeclaration": [
8623
9094
  "grid"
8624
9095
  ],
9096
+ "longhands": [
9097
+ "grid-template-rows",
9098
+ "grid-template-columns",
9099
+ "grid-template-areas",
9100
+ "grid-auto-rows",
9101
+ "grid-auto-columns",
9102
+ "grid-auto-flow"
9103
+ ],
8625
9104
  "syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>",
8626
9105
  "extended": []
8627
9106
  },
@@ -8639,6 +9118,12 @@
8639
9118
  "grid-area",
8640
9119
  "gridArea"
8641
9120
  ],
9121
+ "longhands": [
9122
+ "grid-row-start",
9123
+ "grid-column-start",
9124
+ "grid-row-end",
9125
+ "grid-column-end"
9126
+ ],
8642
9127
  "syntax": "<grid-line> [ / <grid-line> ]{0,3}",
8643
9128
  "extended": []
8644
9129
  },
@@ -8707,6 +9192,10 @@
8707
9192
  "grid-column",
8708
9193
  "gridColumn"
8709
9194
  ],
9195
+ "longhands": [
9196
+ "grid-column-start",
9197
+ "grid-column-end"
9198
+ ],
8710
9199
  "syntax": "<grid-line> [ / <grid-line> ]?",
8711
9200
  "extended": []
8712
9201
  },
@@ -8735,7 +9224,7 @@
8735
9224
  "grid-column-gap",
8736
9225
  "gridColumnGap"
8737
9226
  ],
8738
- "syntax": "normal | <length-percentage [0,∞]>",
9227
+ "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
8739
9228
  "extended": []
8740
9229
  },
8741
9230
  {
@@ -8763,6 +9252,10 @@
8763
9252
  "grid-gap",
8764
9253
  "gridGap"
8765
9254
  ],
9255
+ "longhands": [
9256
+ "row-gap",
9257
+ "column-gap"
9258
+ ],
8766
9259
  "syntax": "<'row-gap'> <'column-gap'>?",
8767
9260
  "extended": []
8768
9261
  },
@@ -8780,6 +9273,10 @@
8780
9273
  "grid-row",
8781
9274
  "gridRow"
8782
9275
  ],
9276
+ "longhands": [
9277
+ "grid-row-start",
9278
+ "grid-row-end"
9279
+ ],
8783
9280
  "syntax": "<grid-line> [ / <grid-line> ]?",
8784
9281
  "extended": []
8785
9282
  },
@@ -8808,7 +9305,7 @@
8808
9305
  "grid-row-gap",
8809
9306
  "gridRowGap"
8810
9307
  ],
8811
- "syntax": "normal | <length-percentage [0,∞]>",
9308
+ "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
8812
9309
  "extended": []
8813
9310
  },
8814
9311
  {
@@ -8842,6 +9339,11 @@
8842
9339
  "grid-template",
8843
9340
  "gridTemplate"
8844
9341
  ],
9342
+ "longhands": [
9343
+ "grid-template-rows",
9344
+ "grid-template-columns",
9345
+ "grid-template-areas"
9346
+ ],
8845
9347
  "syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
8846
9348
  "extended": []
8847
9349
  },
@@ -9034,6 +9536,23 @@
9034
9536
  "syntax": "none | manual | auto",
9035
9537
  "extended": []
9036
9538
  },
9539
+ {
9540
+ "name": "image-animation",
9541
+ "href": "https://drafts.csswg.org/css-image-animation-1/#propdef-image-animation",
9542
+ "initial": "normal",
9543
+ "appliesTo": "content images and elements with decorative images",
9544
+ "inherited": "yes",
9545
+ "percentages": "n/a",
9546
+ "computedValue": "as specified",
9547
+ "canonicalOrder": "per grammar",
9548
+ "animationType": "discrete",
9549
+ "styleDeclaration": [
9550
+ "image-animation",
9551
+ "imageAnimation"
9552
+ ],
9553
+ "syntax": "normal | paused | running",
9554
+ "extended": []
9555
+ },
9037
9556
  {
9038
9557
  "name": "image-orientation",
9039
9558
  "href": "https://drafts.csswg.org/css-images-3/#propdef-image-orientation",
@@ -9201,6 +9720,12 @@
9201
9720
  "styleDeclaration": [
9202
9721
  "inset"
9203
9722
  ],
9723
+ "longhands": [
9724
+ "top",
9725
+ "right",
9726
+ "bottom",
9727
+ "left"
9728
+ ],
9204
9729
  "syntax": "<'top'>{1,4}",
9205
9730
  "extended": []
9206
9731
  },
@@ -9218,6 +9743,10 @@
9218
9743
  "inset-block",
9219
9744
  "insetBlock"
9220
9745
  ],
9746
+ "longhands": [
9747
+ "inset-block-start",
9748
+ "inset-block-end"
9749
+ ],
9221
9750
  "syntax": "<'top'>{1,2}",
9222
9751
  "extended": []
9223
9752
  },
@@ -9271,6 +9800,10 @@
9271
9800
  "inset-inline",
9272
9801
  "insetInline"
9273
9802
  ],
9803
+ "longhands": [
9804
+ "inset-inline-start",
9805
+ "inset-inline-end"
9806
+ ],
9274
9807
  "syntax": "<'top'>{1,2}",
9275
9808
  "extended": []
9276
9809
  },
@@ -9340,6 +9873,10 @@
9340
9873
  "interest-delay",
9341
9874
  "interestDelay"
9342
9875
  ],
9876
+ "longhands": [
9877
+ "interest-delay-start",
9878
+ "interest-delay-end"
9879
+ ],
9343
9880
  "syntax": "<'interest-delay-start'>{1,2}",
9344
9881
  "extended": []
9345
9882
  },
@@ -9551,6 +10088,11 @@
9551
10088
  "line-clamp",
9552
10089
  "lineClamp"
9553
10090
  ],
10091
+ "longhands": [
10092
+ "max-lines",
10093
+ "block-ellipsis",
10094
+ "continue"
10095
+ ],
9554
10096
  "syntax": "none | [<integer [1,∞]> || <'block-ellipsis'>] -webkit-legacy?",
9555
10097
  "extended": []
9556
10098
  },
@@ -9687,6 +10229,11 @@
9687
10229
  "list-style",
9688
10230
  "listStyle"
9689
10231
  ],
10232
+ "longhands": [
10233
+ "list-style-type",
10234
+ "list-style-position",
10235
+ "list-style-image"
10236
+ ],
9690
10237
  "syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
9691
10238
  "extended": []
9692
10239
  },
@@ -9754,6 +10301,12 @@
9754
10301
  "styleDeclaration": [
9755
10302
  "margin"
9756
10303
  ],
10304
+ "longhands": [
10305
+ "margin-top",
10306
+ "margin-right",
10307
+ "margin-bottom",
10308
+ "margin-left"
10309
+ ],
9757
10310
  "syntax": "<'margin-top'>{1,4}",
9758
10311
  "extended": []
9759
10312
  },
@@ -9771,6 +10324,10 @@
9771
10324
  "margin-block",
9772
10325
  "marginBlock"
9773
10326
  ],
10327
+ "longhands": [
10328
+ "margin-block-start",
10329
+ "margin-block-end"
10330
+ ],
9774
10331
  "syntax": "<'margin-top'>{1,2}",
9775
10332
  "extended": []
9776
10333
  },
@@ -9861,6 +10418,10 @@
9861
10418
  "margin-inline",
9862
10419
  "marginInline"
9863
10420
  ],
10421
+ "longhands": [
10422
+ "margin-inline-start",
10423
+ "margin-inline-end"
10424
+ ],
9864
10425
  "syntax": "<'margin-top'>{1,2}",
9865
10426
  "extended": []
9866
10427
  },
@@ -9990,6 +10551,11 @@
9990
10551
  "styleDeclaration": [
9991
10552
  "marker"
9992
10553
  ],
10554
+ "longhands": [
10555
+ "marker-start",
10556
+ "marker-mid",
10557
+ "marker-end"
10558
+ ],
9993
10559
  "syntax": "none | <marker-ref>",
9994
10560
  "extended": []
9995
10561
  },
@@ -10075,6 +10641,16 @@
10075
10641
  "styleDeclaration": [
10076
10642
  "mask"
10077
10643
  ],
10644
+ "longhands": [
10645
+ "mask-image",
10646
+ "mask-position",
10647
+ "mask-size",
10648
+ "mask-repeat",
10649
+ "mask-origin",
10650
+ "mask-clip",
10651
+ "mask-composite",
10652
+ "mask-mode"
10653
+ ],
10078
10654
  "syntax": "<mask-layer>#",
10079
10655
  "extended": []
10080
10656
  },
@@ -10093,6 +10669,14 @@
10093
10669
  "mask-border",
10094
10670
  "maskBorder"
10095
10671
  ],
10672
+ "longhands": [
10673
+ "mask-border-source",
10674
+ "mask-border-slice",
10675
+ "mask-border-width",
10676
+ "mask-border-outset",
10677
+ "mask-border-repeat",
10678
+ "mask-border-mode"
10679
+ ],
10096
10680
  "syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
10097
10681
  "extended": []
10098
10682
  },
@@ -10760,6 +11344,13 @@
10760
11344
  "styleDeclaration": [
10761
11345
  "offset"
10762
11346
  ],
11347
+ "longhands": [
11348
+ "offset-path",
11349
+ "offset-distance",
11350
+ "offset-rotate",
11351
+ "offset-anchor",
11352
+ "offset-position"
11353
+ ],
10763
11354
  "syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?",
10764
11355
  "extended": []
10765
11356
  },
@@ -10914,6 +11505,11 @@
10914
11505
  "styleDeclaration": [
10915
11506
  "outline"
10916
11507
  ],
11508
+ "longhands": [
11509
+ "outline-width",
11510
+ "outline-style",
11511
+ "outline-color"
11512
+ ],
10917
11513
  "syntax": "<'outline-width'> || <'outline-style'> || <'outline-color'>",
10918
11514
  "extended": []
10919
11515
  },
@@ -10998,6 +11594,10 @@
10998
11594
  "styleDeclaration": [
10999
11595
  "overflow"
11000
11596
  ],
11597
+ "longhands": [
11598
+ "overflow-x",
11599
+ "overflow-y"
11600
+ ],
11001
11601
  "syntax": "<'overflow-block'>{1,2}",
11002
11602
  "extended": []
11003
11603
  },
@@ -11050,6 +11650,12 @@
11050
11650
  "overflow-clip-margin",
11051
11651
  "overflowClipMargin"
11052
11652
  ],
11653
+ "longhands": [
11654
+ "overflow-clip-margin-top",
11655
+ "overflow-clip-margin-right",
11656
+ "overflow-clip-margin-bottom",
11657
+ "overflow-clip-margin-left"
11658
+ ],
11053
11659
  "syntax": "<visual-box> || <length [0,∞]>",
11054
11660
  "extended": []
11055
11661
  },
@@ -11067,6 +11673,10 @@
11067
11673
  "overflow-clip-margin-block",
11068
11674
  "overflowClipMarginBlock"
11069
11675
  ],
11676
+ "longhands": [
11677
+ "overflow-clip-margin-block-start",
11678
+ "overflow-clip-margin-block-end"
11679
+ ],
11070
11680
  "syntax": "<visual-box> || <length [0,∞]>",
11071
11681
  "extended": []
11072
11682
  },
@@ -11138,6 +11748,10 @@
11138
11748
  "overflow-clip-margin-inline",
11139
11749
  "overflowClipMarginInline"
11140
11750
  ],
11751
+ "longhands": [
11752
+ "overflow-clip-margin-inline-start",
11753
+ "overflow-clip-margin-inline-end"
11754
+ ],
11141
11755
  "syntax": "<visual-box> || <length [0,∞]>",
11142
11756
  "extended": []
11143
11757
  },
@@ -11333,6 +11947,10 @@
11333
11947
  "overscroll-behavior",
11334
11948
  "overscrollBehavior"
11335
11949
  ],
11950
+ "longhands": [
11951
+ "overscroll-behavior-x",
11952
+ "overscroll-behavior-y"
11953
+ ],
11336
11954
  "syntax": "[ contain | none | auto ]{1,2}",
11337
11955
  "extended": []
11338
11956
  },
@@ -11425,6 +12043,12 @@
11425
12043
  "styleDeclaration": [
11426
12044
  "padding"
11427
12045
  ],
12046
+ "longhands": [
12047
+ "padding-top",
12048
+ "padding-right",
12049
+ "padding-bottom",
12050
+ "padding-left"
12051
+ ],
11428
12052
  "syntax": "<'padding-top'>{1,4}",
11429
12053
  "extended": []
11430
12054
  },
@@ -11442,6 +12066,10 @@
11442
12066
  "padding-block",
11443
12067
  "paddingBlock"
11444
12068
  ],
12069
+ "longhands": [
12070
+ "padding-block-start",
12071
+ "padding-block-end"
12072
+ ],
11445
12073
  "syntax": "<'padding-top'>{1,2}",
11446
12074
  "extended": []
11447
12075
  },
@@ -11513,6 +12141,10 @@
11513
12141
  "padding-inline",
11514
12142
  "paddingInline"
11515
12143
  ],
12144
+ "longhands": [
12145
+ "padding-inline-start",
12146
+ "padding-inline-end"
12147
+ ],
11516
12148
  "syntax": "<'padding-top'>{1,2}",
11517
12149
  "extended": []
11518
12150
  },
@@ -11706,6 +12338,10 @@
11706
12338
  "styleDeclaration": [
11707
12339
  "pause"
11708
12340
  ],
12341
+ "longhands": [
12342
+ "pause-before",
12343
+ "pause-after"
12344
+ ],
11709
12345
  "syntax": "<'pause-before'> <'pause-after'>?",
11710
12346
  "extended": []
11711
12347
  },
@@ -11790,6 +12426,10 @@
11790
12426
  "place-content",
11791
12427
  "placeContent"
11792
12428
  ],
12429
+ "longhands": [
12430
+ "align-content",
12431
+ "justify-content"
12432
+ ],
11793
12433
  "syntax": "<'align-content'> <'justify-content'>?",
11794
12434
  "extended": []
11795
12435
  },
@@ -11807,6 +12447,10 @@
11807
12447
  "place-items",
11808
12448
  "placeItems"
11809
12449
  ],
12450
+ "longhands": [
12451
+ "align-items",
12452
+ "justify-items"
12453
+ ],
11810
12454
  "syntax": "<'align-items'> <'justify-items'>?",
11811
12455
  "extended": []
11812
12456
  },
@@ -11824,6 +12468,10 @@
11824
12468
  "place-self",
11825
12469
  "placeSelf"
11826
12470
  ],
12471
+ "longhands": [
12472
+ "align-self",
12473
+ "justify-self"
12474
+ ],
11827
12475
  "syntax": "<'align-self'> <'justify-self'>?",
11828
12476
  "extended": []
11829
12477
  },
@@ -11858,6 +12506,10 @@
11858
12506
  "pointer-timeline",
11859
12507
  "pointerTimeline"
11860
12508
  ],
12509
+ "longhands": [
12510
+ "pointer-timeline-name",
12511
+ "pointer-timeline-axis"
12512
+ ],
11861
12513
  "syntax": "[ <'pointer-timeline-name'> <'pointer-timeline-axis'>? ]#",
11862
12514
  "extended": []
11863
12515
  },
@@ -11961,6 +12613,10 @@
11961
12613
  "position-try",
11962
12614
  "positionTry"
11963
12615
  ],
12616
+ "longhands": [
12617
+ "position-try-order",
12618
+ "position-try-fallbacks"
12619
+ ],
11964
12620
  "syntax": "<'position-try-order'>? <'position-try-fallbacks'>",
11965
12621
  "extended": []
11966
12622
  },
@@ -12144,6 +12800,10 @@
12144
12800
  "styleDeclaration": [
12145
12801
  "rest"
12146
12802
  ],
12803
+ "longhands": [
12804
+ "rest-before",
12805
+ "rest-after"
12806
+ ],
12147
12807
  "syntax": "<'rest-before'> <'rest-after'>?",
12148
12808
  "extended": []
12149
12809
  },
@@ -12230,7 +12890,7 @@
12230
12890
  "row-gap",
12231
12891
  "rowGap"
12232
12892
  ],
12233
- "syntax": "normal | <length-percentage [0,∞]>",
12893
+ "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
12234
12894
  "extended": []
12235
12895
  },
12236
12896
  {
@@ -12247,6 +12907,11 @@
12247
12907
  "row-rule",
12248
12908
  "rowRule"
12249
12909
  ],
12910
+ "longhands": [
12911
+ "row-rule-width",
12912
+ "row-rule-style",
12913
+ "row-rule-color"
12914
+ ],
12250
12915
  "syntax": "<gap-rule-list> | <gap-auto-rule-list>",
12251
12916
  "extended": []
12252
12917
  },
@@ -12276,7 +12941,7 @@
12276
12941
  "percentages": "n/a",
12277
12942
  "computedValue": "as specified",
12278
12943
  "canonicalOrder": "per grammar",
12279
- "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
12944
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
12280
12945
  "styleDeclaration": [
12281
12946
  "row-rule-color",
12282
12947
  "rowRuleColor"
@@ -12298,6 +12963,10 @@
12298
12963
  "row-rule-edge-inset",
12299
12964
  "rowRuleEdgeInset"
12300
12965
  ],
12966
+ "longhands": [
12967
+ "row-rule-edge-inset-start",
12968
+ "row-rule-edge-inset-end"
12969
+ ],
12301
12970
  "syntax": "<length-percentage> [ <length-percentage> ]?",
12302
12971
  "extended": []
12303
12972
  },
@@ -12349,6 +13018,12 @@
12349
13018
  "row-rule-inset",
12350
13019
  "rowRuleInset"
12351
13020
  ],
13021
+ "longhands": [
13022
+ "row-rule-edge-inset-start",
13023
+ "row-rule-edge-inset-end",
13024
+ "row-rule-interior-inset-start",
13025
+ "row-rule-interior-inset-end"
13026
+ ],
12352
13027
  "syntax": "<'column-rule-edge-inset'> [ / <'column-rule-interior-inset'> ]?",
12353
13028
  "extended": []
12354
13029
  },
@@ -12366,6 +13041,10 @@
12366
13041
  "row-rule-inset-end",
12367
13042
  "rowRuleInsetEnd"
12368
13043
  ],
13044
+ "longhands": [
13045
+ "row-rule-edge-inset-end",
13046
+ "row-rule-interior-inset-end"
13047
+ ],
12369
13048
  "syntax": "<length-percentage>",
12370
13049
  "extended": []
12371
13050
  },
@@ -12383,6 +13062,10 @@
12383
13062
  "row-rule-inset-start",
12384
13063
  "rowRuleInsetStart"
12385
13064
  ],
13065
+ "longhands": [
13066
+ "row-rule-edge-inset-start",
13067
+ "row-rule-interior-inset-start"
13068
+ ],
12386
13069
  "syntax": "<length-percentage>",
12387
13070
  "extended": []
12388
13071
  },
@@ -12400,6 +13083,10 @@
12400
13083
  "row-rule-interior-inset",
12401
13084
  "rowRuleInteriorInset"
12402
13085
  ],
13086
+ "longhands": [
13087
+ "row-rule-interior-inset-start",
13088
+ "row-rule-interior-inset-end"
13089
+ ],
12403
13090
  "syntax": "<length-percentage> [ <length-percentage> ]?",
12404
13091
  "extended": []
12405
13092
  },
@@ -12480,7 +13167,7 @@
12480
13167
  "percentages": "n/a",
12481
13168
  "computedValue": "list of absolute lengths, snapped as a border width",
12482
13169
  "canonicalOrder": "per grammar",
12483
- "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
13170
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
12484
13171
  "styleDeclaration": [
12485
13172
  "row-rule-width",
12486
13173
  "rowRuleWidth"
@@ -12569,6 +13256,10 @@
12569
13256
  "styleDeclaration": [
12570
13257
  "rule"
12571
13258
  ],
13259
+ "longhands": [
13260
+ "column-rule",
13261
+ "row-rule"
13262
+ ],
12572
13263
  "syntax": "<'column-rule'>",
12573
13264
  "extended": []
12574
13265
  },
@@ -12586,6 +13277,10 @@
12586
13277
  "rule-break",
12587
13278
  "ruleBreak"
12588
13279
  ],
13280
+ "longhands": [
13281
+ "column-rule-break",
13282
+ "row-rule-break"
13283
+ ],
12589
13284
  "syntax": "<'column-rule-break'>",
12590
13285
  "extended": []
12591
13286
  },
@@ -12603,6 +13298,10 @@
12603
13298
  "rule-color",
12604
13299
  "ruleColor"
12605
13300
  ],
13301
+ "longhands": [
13302
+ "column-rule-color",
13303
+ "row-rule-color"
13304
+ ],
12606
13305
  "syntax": "<'column-rule-color'>",
12607
13306
  "extended": []
12608
13307
  },
@@ -12620,6 +13319,10 @@
12620
13319
  "rule-edge-inset",
12621
13320
  "ruleEdgeInset"
12622
13321
  ],
13322
+ "longhands": [
13323
+ "column-rule-edge-inset",
13324
+ "row-rule-edge-inset"
13325
+ ],
12623
13326
  "syntax": "<'column-rule-edge-inset'>",
12624
13327
  "extended": []
12625
13328
  },
@@ -12637,6 +13340,10 @@
12637
13340
  "rule-inset",
12638
13341
  "ruleInset"
12639
13342
  ],
13343
+ "longhands": [
13344
+ "column-rule-inset",
13345
+ "row-rule-inset"
13346
+ ],
12640
13347
  "syntax": "<'column-rule-inset'>",
12641
13348
  "extended": []
12642
13349
  },
@@ -12654,6 +13361,10 @@
12654
13361
  "rule-inset-end",
12655
13362
  "ruleInsetEnd"
12656
13363
  ],
13364
+ "longhands": [
13365
+ "column-rule-inset-end",
13366
+ "row-rule-inset-end"
13367
+ ],
12657
13368
  "syntax": "<'column-rule-inset-end'>",
12658
13369
  "extended": []
12659
13370
  },
@@ -12671,6 +13382,10 @@
12671
13382
  "rule-inset-start",
12672
13383
  "ruleInsetStart"
12673
13384
  ],
13385
+ "longhands": [
13386
+ "column-rule-inset-start",
13387
+ "row-rule-inset-start"
13388
+ ],
12674
13389
  "syntax": "<'column-rule-inset-start'>",
12675
13390
  "extended": []
12676
13391
  },
@@ -12688,6 +13403,10 @@
12688
13403
  "rule-interior-inset",
12689
13404
  "ruleInteriorInset"
12690
13405
  ],
13406
+ "longhands": [
13407
+ "column-rule-interior-inset",
13408
+ "row-rule-interior-inset"
13409
+ ],
12691
13410
  "syntax": "<'column-rule-interior-inset'>",
12692
13411
  "extended": []
12693
13412
  },
@@ -12722,6 +13441,10 @@
12722
13441
  "rule-style",
12723
13442
  "ruleStyle"
12724
13443
  ],
13444
+ "longhands": [
13445
+ "column-rule-style",
13446
+ "row-rule-style"
13447
+ ],
12725
13448
  "syntax": "<'column-rule-style'>",
12726
13449
  "extended": []
12727
13450
  },
@@ -12739,6 +13462,9 @@
12739
13462
  "rule-visibility-items",
12740
13463
  "ruleVisibilityItems"
12741
13464
  ],
13465
+ "longhands": [
13466
+ "column-rule-visibility-items"
13467
+ ],
12742
13468
  "syntax": "<'column-rule-visibility-items'>",
12743
13469
  "extended": []
12744
13470
  },
@@ -12756,6 +13482,10 @@
12756
13482
  "rule-width",
12757
13483
  "ruleWidth"
12758
13484
  ],
13485
+ "longhands": [
13486
+ "column-rule-width",
13487
+ "row-rule-width"
13488
+ ],
12759
13489
  "syntax": "<'column-rule-width'>",
12760
13490
  "extended": []
12761
13491
  },
@@ -12855,6 +13585,12 @@
12855
13585
  "scroll-margin",
12856
13586
  "scrollMargin"
12857
13587
  ],
13588
+ "longhands": [
13589
+ "scroll-margin-top",
13590
+ "scroll-margin-right",
13591
+ "scroll-margin-bottom",
13592
+ "scroll-margin-left"
13593
+ ],
12858
13594
  "syntax": "<length>{1,4}",
12859
13595
  "extended": []
12860
13596
  },
@@ -12872,6 +13608,10 @@
12872
13608
  "scroll-margin-block",
12873
13609
  "scrollMarginBlock"
12874
13610
  ],
13611
+ "longhands": [
13612
+ "scroll-margin-block-start",
13613
+ "scroll-margin-block-end"
13614
+ ],
12875
13615
  "syntax": "<length>{1,2}",
12876
13616
  "extended": []
12877
13617
  },
@@ -12943,6 +13683,10 @@
12943
13683
  "scroll-margin-inline",
12944
13684
  "scrollMarginInline"
12945
13685
  ],
13686
+ "longhands": [
13687
+ "scroll-margin-inline-start",
13688
+ "scroll-margin-inline-end"
13689
+ ],
12946
13690
  "syntax": "<length>{1,2}",
12947
13691
  "extended": []
12948
13692
  },
@@ -13067,6 +13811,12 @@
13067
13811
  "scroll-padding",
13068
13812
  "scrollPadding"
13069
13813
  ],
13814
+ "longhands": [
13815
+ "scroll-padding-top",
13816
+ "scroll-padding-right",
13817
+ "scroll-padding-bottom",
13818
+ "scroll-padding-left"
13819
+ ],
13070
13820
  "syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}",
13071
13821
  "extended": []
13072
13822
  },
@@ -13084,6 +13834,10 @@
13084
13834
  "scroll-padding-block",
13085
13835
  "scrollPaddingBlock"
13086
13836
  ],
13837
+ "longhands": [
13838
+ "scroll-padding-block-start",
13839
+ "scroll-padding-block-end"
13840
+ ],
13087
13841
  "syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}",
13088
13842
  "extended": []
13089
13843
  },
@@ -13155,6 +13909,10 @@
13155
13909
  "scroll-padding-inline",
13156
13910
  "scrollPaddingInline"
13157
13911
  ],
13912
+ "longhands": [
13913
+ "scroll-padding-inline-start",
13914
+ "scroll-padding-inline-end"
13915
+ ],
13158
13916
  "syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}",
13159
13917
  "extended": []
13160
13918
  },
@@ -13330,6 +14088,10 @@
13330
14088
  "scroll-timeline",
13331
14089
  "scrollTimeline"
13332
14090
  ],
14091
+ "longhands": [
14092
+ "scroll-timeline-name",
14093
+ "scroll-timeline-axis"
14094
+ ],
13333
14095
  "syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
13334
14096
  "extended": []
13335
14097
  },
@@ -14096,6 +14858,10 @@
14096
14858
  "text-align",
14097
14859
  "textAlign"
14098
14860
  ],
14861
+ "longhands": [
14862
+ "text-align-all",
14863
+ "text-align-last"
14864
+ ],
14099
14865
  "syntax": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
14100
14866
  "extended": []
14101
14867
  },
@@ -14249,6 +15015,12 @@
14249
15015
  "text-decoration",
14250
15016
  "textDecoration"
14251
15017
  ],
15018
+ "longhands": [
15019
+ "text-decoration-line",
15020
+ "text-decoration-thickness",
15021
+ "text-decoration-style",
15022
+ "text-decoration-color"
15023
+ ],
14252
15024
  "syntax": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
14253
15025
  "extended": []
14254
15026
  },
@@ -14317,6 +15089,12 @@
14317
15089
  "text-decoration-skip",
14318
15090
  "textDecorationSkip"
14319
15091
  ],
15092
+ "longhands": [
15093
+ "text-decoration-skip-self",
15094
+ "text-decoration-skip-box",
15095
+ "text-decoration-skip-spaces",
15096
+ "text-decoration-skip-ink"
15097
+ ],
14320
15098
  "syntax": "none | auto",
14321
15099
  "extended": []
14322
15100
  },
@@ -14419,7 +15197,7 @@
14419
15197
  "text-decoration-thickness",
14420
15198
  "textDecorationThickness"
14421
15199
  ],
14422
- "syntax": "auto | from-font | <length-percentage>",
15200
+ "syntax": "auto | from-font | <length-percentage> | <line-width>",
14423
15201
  "extended": []
14424
15202
  },
14425
15203
  {
@@ -14436,6 +15214,10 @@
14436
15214
  "text-emphasis",
14437
15215
  "textEmphasis"
14438
15216
  ],
15217
+ "longhands": [
15218
+ "text-emphasis-style",
15219
+ "text-emphasis-color"
15220
+ ],
14439
15221
  "syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>",
14440
15222
  "extended": []
14441
15223
  },
@@ -14657,6 +15439,10 @@
14657
15439
  "text-spacing",
14658
15440
  "textSpacing"
14659
15441
  ],
15442
+ "longhands": [
15443
+ "text-spacing-trim",
15444
+ "text-autospace"
15445
+ ],
14660
15446
  "syntax": "none | auto | <spacing-trim> || <autospace>",
14661
15447
  "extended": []
14662
15448
  },
@@ -14742,6 +15528,10 @@
14742
15528
  "text-wrap",
14743
15529
  "textWrap"
14744
15530
  ],
15531
+ "longhands": [
15532
+ "text-wrap-mode",
15533
+ "text-wrap-style"
15534
+ ],
14745
15535
  "syntax": "<'text-wrap-mode'> || <'text-wrap-style'>",
14746
15536
  "extended": []
14747
15537
  },
@@ -14798,7 +15588,7 @@
14798
15588
  },
14799
15589
  {
14800
15590
  "name": "timeline-trigger",
14801
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger",
15591
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger",
14802
15592
  "initial": "see individual properties",
14803
15593
  "appliesTo": "see individual properties",
14804
15594
  "inherited": "see individual properties",
@@ -14810,12 +15600,18 @@
14810
15600
  "timeline-trigger",
14811
15601
  "timelineTrigger"
14812
15602
  ],
14813
- "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-range'> [ '/' <'timeline-trigger-exit-range'> ]? ]#",
15603
+ "longhands": [
15604
+ "timeline-trigger-name",
15605
+ "timeline-trigger-source",
15606
+ "timeline-trigger-activation-range",
15607
+ "timeline-trigger-active-range"
15608
+ ],
15609
+ "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#",
14814
15610
  "extended": []
14815
15611
  },
14816
15612
  {
14817
- "name": "timeline-trigger-exit-range",
14818
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range",
15613
+ "name": "timeline-trigger-activation-range",
15614
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range",
14819
15615
  "initial": "see individual properties",
14820
15616
  "appliesTo": "see individual properties",
14821
15617
  "inherited": "see individual properties",
@@ -14824,16 +15620,20 @@
14824
15620
  "animationType": "see individual properties",
14825
15621
  "canonicalOrder": "per grammar",
14826
15622
  "styleDeclaration": [
14827
- "timeline-trigger-exit-range",
14828
- "timelineTriggerExitRange"
15623
+ "timeline-trigger-activation-range",
15624
+ "timelineTriggerActivationRange"
14829
15625
  ],
14830
- "syntax": "[ <'timeline-trigger-exit-range-start'> <'timeline-trigger-exit-range-end'>? ]#",
15626
+ "longhands": [
15627
+ "timeline-trigger-activation-range-start",
15628
+ "timeline-trigger-activation-range-end"
15629
+ ],
15630
+ "syntax": "[ <'timeline-trigger-activation-range-start'> <'timeline-trigger-activation-range-end'>? ]#",
14831
15631
  "extended": []
14832
15632
  },
14833
15633
  {
14834
- "name": "timeline-trigger-exit-range-end",
14835
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-end",
14836
- "initial": "auto",
15634
+ "name": "timeline-trigger-activation-range-end",
15635
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-end",
15636
+ "initial": "normal",
14837
15637
  "appliesTo": "all elements",
14838
15638
  "inherited": "no",
14839
15639
  "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -14841,16 +15641,16 @@
14841
15641
  "canonicalOrder": "per grammar",
14842
15642
  "animationType": "not animatable",
14843
15643
  "styleDeclaration": [
14844
- "timeline-trigger-exit-range-end",
14845
- "timelineTriggerExitRangeEnd"
15644
+ "timeline-trigger-activation-range-end",
15645
+ "timelineTriggerActivationRangeEnd"
14846
15646
  ],
14847
- "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
15647
+ "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
14848
15648
  "extended": []
14849
15649
  },
14850
15650
  {
14851
- "name": "timeline-trigger-exit-range-start",
14852
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-start",
14853
- "initial": "auto",
15651
+ "name": "timeline-trigger-activation-range-start",
15652
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-start",
15653
+ "initial": "normal",
14854
15654
  "appliesTo": "all elements",
14855
15655
  "inherited": "no",
14856
15656
  "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -14858,32 +15658,15 @@
14858
15658
  "canonicalOrder": "per grammar",
14859
15659
  "animationType": "not animatable",
14860
15660
  "styleDeclaration": [
14861
- "timeline-trigger-exit-range-start",
14862
- "timelineTriggerExitRangeStart"
14863
- ],
14864
- "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
14865
- "extended": []
14866
- },
14867
- {
14868
- "name": "timeline-trigger-name",
14869
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-name",
14870
- "initial": "none",
14871
- "appliesTo": "all elements",
14872
- "inherited": "no",
14873
- "percentages": "N/A",
14874
- "computedValue": "as specified",
14875
- "canonicalOrder": "per grammar",
14876
- "animationType": "not animatable",
14877
- "styleDeclaration": [
14878
- "timeline-trigger-name",
14879
- "timelineTriggerName"
15661
+ "timeline-trigger-activation-range-start",
15662
+ "timelineTriggerActivationRangeStart"
14880
15663
  ],
14881
- "syntax": "none | <dashed-ident>#",
15664
+ "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
14882
15665
  "extended": []
14883
15666
  },
14884
15667
  {
14885
- "name": "timeline-trigger-range",
14886
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range",
15668
+ "name": "timeline-trigger-active-range",
15669
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range",
14887
15670
  "initial": "see individual properties",
14888
15671
  "appliesTo": "see individual properties",
14889
15672
  "inherited": "see individual properties",
@@ -14892,16 +15675,20 @@
14892
15675
  "animationType": "see individual properties",
14893
15676
  "canonicalOrder": "per grammar",
14894
15677
  "styleDeclaration": [
14895
- "timeline-trigger-range",
14896
- "timelineTriggerRange"
15678
+ "timeline-trigger-active-range",
15679
+ "timelineTriggerActiveRange"
15680
+ ],
15681
+ "longhands": [
15682
+ "timeline-trigger-active-range-start",
15683
+ "timeline-trigger-active-range-end"
14897
15684
  ],
14898
- "syntax": "[ <'timeline-trigger-range-start'> <'timeline-trigger-range-end'>? ]#",
15685
+ "syntax": "[ <'timeline-trigger-active-range-start'> <'timeline-trigger-active-range-end'>? ]#",
14899
15686
  "extended": []
14900
15687
  },
14901
15688
  {
14902
- "name": "timeline-trigger-range-end",
14903
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-end",
14904
- "initial": "normal",
15689
+ "name": "timeline-trigger-active-range-end",
15690
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-end",
15691
+ "initial": "auto",
14905
15692
  "appliesTo": "all elements",
14906
15693
  "inherited": "no",
14907
15694
  "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -14909,16 +15696,16 @@
14909
15696
  "canonicalOrder": "per grammar",
14910
15697
  "animationType": "not animatable",
14911
15698
  "styleDeclaration": [
14912
- "timeline-trigger-range-end",
14913
- "timelineTriggerRangeEnd"
15699
+ "timeline-trigger-active-range-end",
15700
+ "timelineTriggerActiveRangeEnd"
14914
15701
  ],
14915
- "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
15702
+ "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
14916
15703
  "extended": []
14917
15704
  },
14918
15705
  {
14919
- "name": "timeline-trigger-range-start",
14920
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-start",
14921
- "initial": "normal",
15706
+ "name": "timeline-trigger-active-range-start",
15707
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-start",
15708
+ "initial": "auto",
14922
15709
  "appliesTo": "all elements",
14923
15710
  "inherited": "no",
14924
15711
  "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -14926,15 +15713,32 @@
14926
15713
  "canonicalOrder": "per grammar",
14927
15714
  "animationType": "not animatable",
14928
15715
  "styleDeclaration": [
14929
- "timeline-trigger-range-start",
14930
- "timelineTriggerRangeStart"
15716
+ "timeline-trigger-active-range-start",
15717
+ "timelineTriggerActiveRangeStart"
14931
15718
  ],
14932
- "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
15719
+ "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
15720
+ "extended": []
15721
+ },
15722
+ {
15723
+ "name": "timeline-trigger-name",
15724
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-name",
15725
+ "initial": "none",
15726
+ "appliesTo": "all elements",
15727
+ "inherited": "no",
15728
+ "percentages": "N/A",
15729
+ "computedValue": "as specified",
15730
+ "canonicalOrder": "per grammar",
15731
+ "animationType": "not animatable",
15732
+ "styleDeclaration": [
15733
+ "timeline-trigger-name",
15734
+ "timelineTriggerName"
15735
+ ],
15736
+ "syntax": "none | <dashed-ident>#",
14933
15737
  "extended": []
14934
15738
  },
14935
15739
  {
14936
15740
  "name": "timeline-trigger-source",
14937
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-source",
15741
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-source",
14938
15742
  "initial": "auto",
14939
15743
  "appliesTo": "all elements",
14940
15744
  "inherited": "no",
@@ -15067,6 +15871,13 @@
15067
15871
  "styleDeclaration": [
15068
15872
  "transition"
15069
15873
  ],
15874
+ "longhands": [
15875
+ "transition-property",
15876
+ "transition-duration",
15877
+ "transition-timing-function",
15878
+ "transition-delay",
15879
+ "transition-behavior"
15880
+ ],
15070
15881
  "syntax": "<single-transition>#",
15071
15882
  "extended": []
15072
15883
  },
@@ -15173,7 +15984,7 @@
15173
15984
  },
15174
15985
  {
15175
15986
  "name": "trigger-scope",
15176
- "href": "https://drafts.csswg.org/css-animations-2/#propdef-trigger-scope",
15987
+ "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-trigger-scope",
15177
15988
  "initial": "none",
15178
15989
  "appliesTo": "all elements",
15179
15990
  "inherited": "no",
@@ -15253,6 +16064,11 @@
15253
16064
  "vertical-align",
15254
16065
  "verticalAlign"
15255
16066
  ],
16067
+ "longhands": [
16068
+ "alignment-baseline",
16069
+ "baseline-shift",
16070
+ "baseline-source"
16071
+ ],
15256
16072
  "syntax": "[ first | last] || <'alignment-baseline'> || <'baseline-shift'>",
15257
16073
  "extended": []
15258
16074
  },
@@ -15270,6 +16086,10 @@
15270
16086
  "view-timeline",
15271
16087
  "viewTimeline"
15272
16088
  ],
16089
+ "longhands": [
16090
+ "view-timeline-name",
16091
+ "view-timeline-axis"
16092
+ ],
15273
16093
  "syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
15274
16094
  "extended": []
15275
16095
  },
@@ -15559,6 +16379,10 @@
15559
16379
  "white-space",
15560
16380
  "whiteSpace"
15561
16381
  ],
16382
+ "longhands": [
16383
+ "white-space-collapse",
16384
+ "text-wrap-mode"
16385
+ ],
15562
16386
  "syntax": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
15563
16387
  "extended": []
15564
16388
  },
@@ -16232,6 +17056,13 @@
16232
17056
  "syntax": ":after",
16233
17057
  "extended": []
16234
17058
  },
17059
+ {
17060
+ "name": ":animated-image",
17061
+ "prose": "The :animated-image pseudo-class represents content image elements where a animated image has been loaded. For the animated-image pseudo-class to match, the image must not only be in a format that is capable of animation, but must also be an actually animated image.",
17062
+ "href": "https://drafts.csswg.org/css-image-animation-1/#selectordef-animated-image",
17063
+ "syntax": ":animated-image",
17064
+ "extended": []
17065
+ },
16235
17066
  {
16236
17067
  "name": ":any-link",
16237
17068
  "prose": "The :any-link pseudo-class represents an element that acts as the source anchor of a hyperlink. For example, in [HTML5], any a or area elements with an href attribute are hyperlinks, and thus match :any-link. It matches an element if the element would match either :link or :visited, and is equivalent to :is(:link, :visited).",
@@ -17081,7 +17912,7 @@
17081
17912
  {
17082
17913
  "name": "animation-action",
17083
17914
  "prose": "The possible <animation-action> values, and what effect they have in each animation state:",
17084
- "href": "https://drafts.csswg.org/css-animations-2/#typedef-animation-action",
17915
+ "href": "https://drafts.csswg.org/animation-triggers-1/#typedef-animation-action",
17085
17916
  "extended": []
17086
17917
  },
17087
17918
  {
@@ -17457,7 +18288,7 @@
17457
18288
  {
17458
18289
  "name": "color-function",
17459
18290
  "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-color-function",
17460
- "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <alpha()> | <color()>",
18291
+ "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <alpha()> | <color()> | <hdr-color()>",
17461
18292
  "extended": []
17462
18293
  },
17463
18294
  {
@@ -17968,8 +18799,8 @@
17968
18799
  },
17969
18800
  {
17970
18801
  "name": "event-trigger-event",
17971
- "href": "https://drafts.csswg.org/css-animations-2/#typedef-event-trigger-event",
17972
- "syntax": "activate | click | touch | dblclick | keypress(<string>) | ...",
18802
+ "href": "https://drafts.csswg.org/animation-triggers-1/#typedef-event-trigger-event",
18803
+ "syntax": "activate | interest | click | touch | dblclick | keypress(<string>) | ...",
17973
18804
  "extended": []
17974
18805
  },
17975
18806
  {
@@ -18619,7 +19450,7 @@
18619
19450
  {
18620
19451
  "name": "line-width",
18621
19452
  "href": "https://drafts.csswg.org/css-borders-4/#typedef-line-width",
18622
- "syntax": "<length [0,∞]> | thin | medium | thick",
19453
+ "syntax": "<length [0,∞]> | hairline | thin | medium | thick",
18623
19454
  "extended": []
18624
19455
  },
18625
19456
  {
@@ -19478,6 +20309,12 @@
19478
20309
  "href": "https://drafts.csswg.org/css-syntax-3/#typedef-rule-list",
19479
20310
  "extended": []
19480
20311
  },
20312
+ {
20313
+ "name": "safe-printable-inset",
20314
+ "prose": "Let this value be <safe-printable-inset>, which is a <length>.",
20315
+ "href": "https://drafts.csswg.org/css-page-3/#typedef-safe-printable-inset",
20316
+ "extended": []
20317
+ },
19481
20318
  {
19482
20319
  "name": "scope-end",
19483
20320
  "prose": "<scope-end> is a <selector-list> selector used to identify any scoping limits.",