vscode-css-languageservice 6.3.5 → 6.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/docs/customData.schema.json +39 -0
- package/lib/esm/cssLanguageTypes.d.ts +12 -0
- package/lib/esm/data/webCustomData.js +1878 -306
- package/lib/esm/languageFacts/colors.js +199 -74
- package/lib/esm/services/cssCompletion.js +43 -0
- package/lib/esm/services/cssNavigation.js +8 -2
- package/lib/umd/cssLanguageTypes.d.ts +12 -0
- package/lib/umd/data/webCustomData.js +1878 -306
- package/lib/umd/languageFacts/colors.js +205 -74
- package/lib/umd/services/cssCompletion.js +43 -0
- package/lib/umd/services/cssNavigation.js +7 -1
- package/package.json +7 -7
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
],
|
|
112
112
|
"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
|
|
113
|
-
"relevance":
|
|
113
|
+
"relevance": 68,
|
|
114
114
|
"references": [
|
|
115
115
|
{
|
|
116
116
|
"name": "MDN Reference",
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
}
|
|
194
194
|
],
|
|
195
195
|
"syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
|
|
196
|
-
"relevance":
|
|
196
|
+
"relevance": 89,
|
|
197
197
|
"references": [
|
|
198
198
|
{
|
|
199
199
|
"name": "MDN Reference",
|
|
@@ -457,7 +457,7 @@
|
|
|
457
457
|
}
|
|
458
458
|
],
|
|
459
459
|
"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
|
|
460
|
-
"relevance":
|
|
460
|
+
"relevance": 74,
|
|
461
461
|
"references": [
|
|
462
462
|
{
|
|
463
463
|
"name": "MDN Reference",
|
|
@@ -488,7 +488,7 @@
|
|
|
488
488
|
],
|
|
489
489
|
"values": [],
|
|
490
490
|
"syntax": "initial | inherit | unset | revert | revert-layer",
|
|
491
|
-
"relevance":
|
|
491
|
+
"relevance": 55,
|
|
492
492
|
"references": [
|
|
493
493
|
{
|
|
494
494
|
"name": "MDN Reference",
|
|
@@ -605,7 +605,7 @@
|
|
|
605
605
|
"O30"
|
|
606
606
|
],
|
|
607
607
|
"syntax": "<time>#",
|
|
608
|
-
"relevance":
|
|
608
|
+
"relevance": 66,
|
|
609
609
|
"references": [
|
|
610
610
|
{
|
|
611
611
|
"name": "MDN Reference",
|
|
@@ -654,7 +654,7 @@
|
|
|
654
654
|
}
|
|
655
655
|
],
|
|
656
656
|
"syntax": "<single-animation-direction>#",
|
|
657
|
-
"relevance":
|
|
657
|
+
"relevance": 56,
|
|
658
658
|
"references": [
|
|
659
659
|
{
|
|
660
660
|
"name": "MDN Reference",
|
|
@@ -685,7 +685,7 @@
|
|
|
685
685
|
"O30"
|
|
686
686
|
],
|
|
687
687
|
"syntax": "<time>#",
|
|
688
|
-
"relevance":
|
|
688
|
+
"relevance": 71,
|
|
689
689
|
"references": [
|
|
690
690
|
{
|
|
691
691
|
"name": "MDN Reference",
|
|
@@ -734,7 +734,7 @@
|
|
|
734
734
|
}
|
|
735
735
|
],
|
|
736
736
|
"syntax": "<single-animation-fill-mode>#",
|
|
737
|
-
"relevance":
|
|
737
|
+
"relevance": 64,
|
|
738
738
|
"references": [
|
|
739
739
|
{
|
|
740
740
|
"name": "MDN Reference",
|
|
@@ -771,7 +771,7 @@
|
|
|
771
771
|
}
|
|
772
772
|
],
|
|
773
773
|
"syntax": "<single-animation-iteration-count>#",
|
|
774
|
-
"relevance":
|
|
774
|
+
"relevance": 65,
|
|
775
775
|
"references": [
|
|
776
776
|
{
|
|
777
777
|
"name": "MDN Reference",
|
|
@@ -882,7 +882,7 @@
|
|
|
882
882
|
"O30"
|
|
883
883
|
],
|
|
884
884
|
"syntax": "<easing-function>#",
|
|
885
|
-
"relevance":
|
|
885
|
+
"relevance": 72,
|
|
886
886
|
"references": [
|
|
887
887
|
{
|
|
888
888
|
"name": "MDN Reference",
|
|
@@ -923,7 +923,7 @@
|
|
|
923
923
|
}
|
|
924
924
|
],
|
|
925
925
|
"syntax": "visible | hidden",
|
|
926
|
-
"relevance":
|
|
926
|
+
"relevance": 60,
|
|
927
927
|
"references": [
|
|
928
928
|
{
|
|
929
929
|
"name": "MDN Reference",
|
|
@@ -1171,7 +1171,7 @@
|
|
|
1171
1171
|
}
|
|
1172
1172
|
],
|
|
1173
1173
|
"syntax": "<blend-mode>#",
|
|
1174
|
-
"relevance":
|
|
1174
|
+
"relevance": 54,
|
|
1175
1175
|
"references": [
|
|
1176
1176
|
{
|
|
1177
1177
|
"name": "MDN Reference",
|
|
@@ -1202,7 +1202,7 @@
|
|
|
1202
1202
|
"O10.5"
|
|
1203
1203
|
],
|
|
1204
1204
|
"syntax": "<bg-clip>#",
|
|
1205
|
-
"relevance":
|
|
1205
|
+
"relevance": 69,
|
|
1206
1206
|
"references": [
|
|
1207
1207
|
{
|
|
1208
1208
|
"name": "MDN Reference",
|
|
@@ -1270,7 +1270,7 @@
|
|
|
1270
1270
|
}
|
|
1271
1271
|
],
|
|
1272
1272
|
"syntax": "<bg-image>#",
|
|
1273
|
-
"relevance":
|
|
1273
|
+
"relevance": 88,
|
|
1274
1274
|
"references": [
|
|
1275
1275
|
{
|
|
1276
1276
|
"name": "MDN Reference",
|
|
@@ -1426,7 +1426,7 @@
|
|
|
1426
1426
|
}
|
|
1427
1427
|
],
|
|
1428
1428
|
"syntax": "[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#",
|
|
1429
|
-
"relevance":
|
|
1429
|
+
"relevance": 54,
|
|
1430
1430
|
"references": [
|
|
1431
1431
|
{
|
|
1432
1432
|
"name": "MDN Reference",
|
|
@@ -1617,7 +1617,7 @@
|
|
|
1617
1617
|
"O56"
|
|
1618
1618
|
],
|
|
1619
1619
|
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
|
|
1620
|
-
"relevance":
|
|
1620
|
+
"relevance": 53,
|
|
1621
1621
|
"references": [
|
|
1622
1622
|
{
|
|
1623
1623
|
"name": "MDN Reference",
|
|
@@ -1866,7 +1866,7 @@
|
|
|
1866
1866
|
"O3.5"
|
|
1867
1867
|
],
|
|
1868
1868
|
"syntax": "<line-width> || <line-style> || <color>",
|
|
1869
|
-
"relevance":
|
|
1869
|
+
"relevance": 87,
|
|
1870
1870
|
"references": [
|
|
1871
1871
|
{
|
|
1872
1872
|
"name": "MDN Reference",
|
|
@@ -1900,7 +1900,7 @@
|
|
|
1900
1900
|
"O3.5"
|
|
1901
1901
|
],
|
|
1902
1902
|
"syntax": "<'border-top-color'>",
|
|
1903
|
-
"relevance":
|
|
1903
|
+
"relevance": 69,
|
|
1904
1904
|
"references": [
|
|
1905
1905
|
{
|
|
1906
1906
|
"name": "MDN Reference",
|
|
@@ -1931,7 +1931,7 @@
|
|
|
1931
1931
|
"O10.5"
|
|
1932
1932
|
],
|
|
1933
1933
|
"syntax": "<length-percentage>{1,2}",
|
|
1934
|
-
"relevance":
|
|
1934
|
+
"relevance": 75,
|
|
1935
1935
|
"references": [
|
|
1936
1936
|
{
|
|
1937
1937
|
"name": "MDN Reference",
|
|
@@ -1963,7 +1963,7 @@
|
|
|
1963
1963
|
"O10.5"
|
|
1964
1964
|
],
|
|
1965
1965
|
"syntax": "<length-percentage>{1,2}",
|
|
1966
|
-
"relevance":
|
|
1966
|
+
"relevance": 75,
|
|
1967
1967
|
"references": [
|
|
1968
1968
|
{
|
|
1969
1969
|
"name": "MDN Reference",
|
|
@@ -1995,7 +1995,7 @@
|
|
|
1995
1995
|
"O9.2"
|
|
1996
1996
|
],
|
|
1997
1997
|
"syntax": "<line-style>",
|
|
1998
|
-
"relevance":
|
|
1998
|
+
"relevance": 58,
|
|
1999
1999
|
"references": [
|
|
2000
2000
|
{
|
|
2001
2001
|
"name": "MDN Reference",
|
|
@@ -2026,7 +2026,7 @@
|
|
|
2026
2026
|
"O3.5"
|
|
2027
2027
|
],
|
|
2028
2028
|
"syntax": "<line-width>",
|
|
2029
|
-
"relevance":
|
|
2029
|
+
"relevance": 62,
|
|
2030
2030
|
"references": [
|
|
2031
2031
|
{
|
|
2032
2032
|
"name": "MDN Reference",
|
|
@@ -2068,7 +2068,7 @@
|
|
|
2068
2068
|
}
|
|
2069
2069
|
],
|
|
2070
2070
|
"syntax": "collapse | separate",
|
|
2071
|
-
"relevance":
|
|
2071
|
+
"relevance": 72,
|
|
2072
2072
|
"references": [
|
|
2073
2073
|
{
|
|
2074
2074
|
"name": "MDN Reference",
|
|
@@ -2100,7 +2100,7 @@
|
|
|
2100
2100
|
],
|
|
2101
2101
|
"values": [],
|
|
2102
2102
|
"syntax": "<color>{1,4}",
|
|
2103
|
-
"relevance":
|
|
2103
|
+
"relevance": 87,
|
|
2104
2104
|
"references": [
|
|
2105
2105
|
{
|
|
2106
2106
|
"name": "MDN Reference",
|
|
@@ -2393,7 +2393,7 @@
|
|
|
2393
2393
|
"O56"
|
|
2394
2394
|
],
|
|
2395
2395
|
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
|
|
2396
|
-
"relevance":
|
|
2396
|
+
"relevance": 53,
|
|
2397
2397
|
"references": [
|
|
2398
2398
|
{
|
|
2399
2399
|
"name": "MDN Reference",
|
|
@@ -2426,7 +2426,7 @@
|
|
|
2426
2426
|
"O56"
|
|
2427
2427
|
],
|
|
2428
2428
|
"syntax": "<'border-top-width'> || <'border-top-style'> || <color>",
|
|
2429
|
-
"relevance":
|
|
2429
|
+
"relevance": 53,
|
|
2430
2430
|
"references": [
|
|
2431
2431
|
{
|
|
2432
2432
|
"name": "MDN Reference",
|
|
@@ -2642,7 +2642,7 @@
|
|
|
2642
2642
|
"O3.5"
|
|
2643
2643
|
],
|
|
2644
2644
|
"syntax": "<line-width> || <line-style> || <color>",
|
|
2645
|
-
"relevance":
|
|
2645
|
+
"relevance": 81,
|
|
2646
2646
|
"references": [
|
|
2647
2647
|
{
|
|
2648
2648
|
"name": "MDN Reference",
|
|
@@ -2676,7 +2676,7 @@
|
|
|
2676
2676
|
"O3.5"
|
|
2677
2677
|
],
|
|
2678
2678
|
"syntax": "<color>",
|
|
2679
|
-
"relevance":
|
|
2679
|
+
"relevance": 66,
|
|
2680
2680
|
"references": [
|
|
2681
2681
|
{
|
|
2682
2682
|
"name": "MDN Reference",
|
|
@@ -2738,7 +2738,7 @@
|
|
|
2738
2738
|
"O3.5"
|
|
2739
2739
|
],
|
|
2740
2740
|
"syntax": "<line-width>",
|
|
2741
|
-
"relevance":
|
|
2741
|
+
"relevance": 64,
|
|
2742
2742
|
"references": [
|
|
2743
2743
|
{
|
|
2744
2744
|
"name": "MDN Reference",
|
|
@@ -2802,7 +2802,7 @@
|
|
|
2802
2802
|
"O9.2"
|
|
2803
2803
|
],
|
|
2804
2804
|
"syntax": "<line-width> || <line-style> || <color>",
|
|
2805
|
-
"relevance":
|
|
2805
|
+
"relevance": 80,
|
|
2806
2806
|
"references": [
|
|
2807
2807
|
{
|
|
2808
2808
|
"name": "MDN Reference",
|
|
@@ -2836,7 +2836,7 @@
|
|
|
2836
2836
|
"O3.5"
|
|
2837
2837
|
],
|
|
2838
2838
|
"syntax": "<color>",
|
|
2839
|
-
"relevance":
|
|
2839
|
+
"relevance": 65,
|
|
2840
2840
|
"references": [
|
|
2841
2841
|
{
|
|
2842
2842
|
"name": "MDN Reference",
|
|
@@ -2867,7 +2867,7 @@
|
|
|
2867
2867
|
"O9.2"
|
|
2868
2868
|
],
|
|
2869
2869
|
"syntax": "<line-style>",
|
|
2870
|
-
"relevance":
|
|
2870
|
+
"relevance": 53,
|
|
2871
2871
|
"references": [
|
|
2872
2872
|
{
|
|
2873
2873
|
"name": "MDN Reference",
|
|
@@ -2898,7 +2898,7 @@
|
|
|
2898
2898
|
"O3.5"
|
|
2899
2899
|
],
|
|
2900
2900
|
"syntax": "<line-width>",
|
|
2901
|
-
"relevance":
|
|
2901
|
+
"relevance": 63,
|
|
2902
2902
|
"references": [
|
|
2903
2903
|
{
|
|
2904
2904
|
"name": "MDN Reference",
|
|
@@ -2930,7 +2930,7 @@
|
|
|
2930
2930
|
"O4"
|
|
2931
2931
|
],
|
|
2932
2932
|
"syntax": "<length> <length>?",
|
|
2933
|
-
"relevance":
|
|
2933
|
+
"relevance": 65,
|
|
2934
2934
|
"references": [
|
|
2935
2935
|
{
|
|
2936
2936
|
"name": "MDN Reference",
|
|
@@ -2962,7 +2962,7 @@
|
|
|
2962
2962
|
],
|
|
2963
2963
|
"values": [],
|
|
2964
2964
|
"syntax": "<line-style>{1,4}",
|
|
2965
|
-
"relevance":
|
|
2965
|
+
"relevance": 79,
|
|
2966
2966
|
"references": [
|
|
2967
2967
|
{
|
|
2968
2968
|
"name": "MDN Reference",
|
|
@@ -2993,7 +2993,7 @@
|
|
|
2993
2993
|
"O3.5"
|
|
2994
2994
|
],
|
|
2995
2995
|
"syntax": "<line-width> || <line-style> || <color>",
|
|
2996
|
-
"relevance":
|
|
2996
|
+
"relevance": 85,
|
|
2997
2997
|
"references": [
|
|
2998
2998
|
{
|
|
2999
2999
|
"name": "MDN Reference",
|
|
@@ -3027,7 +3027,7 @@
|
|
|
3027
3027
|
"O3.5"
|
|
3028
3028
|
],
|
|
3029
3029
|
"syntax": "<color>",
|
|
3030
|
-
"relevance":
|
|
3030
|
+
"relevance": 70,
|
|
3031
3031
|
"references": [
|
|
3032
3032
|
{
|
|
3033
3033
|
"name": "MDN Reference",
|
|
@@ -3058,7 +3058,7 @@
|
|
|
3058
3058
|
"O10.5"
|
|
3059
3059
|
],
|
|
3060
3060
|
"syntax": "<length-percentage>{1,2}",
|
|
3061
|
-
"relevance":
|
|
3061
|
+
"relevance": 75,
|
|
3062
3062
|
"references": [
|
|
3063
3063
|
{
|
|
3064
3064
|
"name": "MDN Reference",
|
|
@@ -3090,7 +3090,7 @@
|
|
|
3090
3090
|
"O10.5"
|
|
3091
3091
|
],
|
|
3092
3092
|
"syntax": "<length-percentage>{1,2}",
|
|
3093
|
-
"relevance":
|
|
3093
|
+
"relevance": 75,
|
|
3094
3094
|
"references": [
|
|
3095
3095
|
{
|
|
3096
3096
|
"name": "MDN Reference",
|
|
@@ -3122,7 +3122,7 @@
|
|
|
3122
3122
|
"O9.2"
|
|
3123
3123
|
],
|
|
3124
3124
|
"syntax": "<line-style>",
|
|
3125
|
-
"relevance":
|
|
3125
|
+
"relevance": 55,
|
|
3126
3126
|
"references": [
|
|
3127
3127
|
{
|
|
3128
3128
|
"name": "MDN Reference",
|
|
@@ -3153,7 +3153,7 @@
|
|
|
3153
3153
|
"O3.5"
|
|
3154
3154
|
],
|
|
3155
3155
|
"syntax": "<line-width>",
|
|
3156
|
-
"relevance":
|
|
3156
|
+
"relevance": 61,
|
|
3157
3157
|
"references": [
|
|
3158
3158
|
{
|
|
3159
3159
|
"name": "MDN Reference",
|
|
@@ -3186,7 +3186,7 @@
|
|
|
3186
3186
|
],
|
|
3187
3187
|
"values": [],
|
|
3188
3188
|
"syntax": "<line-width>{1,4}",
|
|
3189
|
-
"relevance":
|
|
3189
|
+
"relevance": 82,
|
|
3190
3190
|
"references": [
|
|
3191
3191
|
{
|
|
3192
3192
|
"name": "MDN Reference",
|
|
@@ -3573,7 +3573,7 @@
|
|
|
3573
3573
|
}
|
|
3574
3574
|
],
|
|
3575
3575
|
"syntax": "top | bottom",
|
|
3576
|
-
"relevance":
|
|
3576
|
+
"relevance": 52,
|
|
3577
3577
|
"references": [
|
|
3578
3578
|
{
|
|
3579
3579
|
"name": "MDN Reference",
|
|
@@ -3609,7 +3609,7 @@
|
|
|
3609
3609
|
}
|
|
3610
3610
|
],
|
|
3611
3611
|
"syntax": "auto | <color>",
|
|
3612
|
-
"relevance":
|
|
3612
|
+
"relevance": 55,
|
|
3613
3613
|
"references": [
|
|
3614
3614
|
{
|
|
3615
3615
|
"name": "MDN Reference",
|
|
@@ -3659,7 +3659,7 @@
|
|
|
3659
3659
|
}
|
|
3660
3660
|
],
|
|
3661
3661
|
"syntax": "none | left | right | both | inline-start | inline-end",
|
|
3662
|
-
"relevance":
|
|
3662
|
+
"relevance": 81,
|
|
3663
3663
|
"references": [
|
|
3664
3664
|
{
|
|
3665
3665
|
"name": "MDN Reference",
|
|
@@ -3701,7 +3701,7 @@
|
|
|
3701
3701
|
],
|
|
3702
3702
|
"status": "obsolete",
|
|
3703
3703
|
"syntax": "<shape> | auto",
|
|
3704
|
-
"relevance":
|
|
3704
|
+
"relevance": 24,
|
|
3705
3705
|
"references": [
|
|
3706
3706
|
{
|
|
3707
3707
|
"name": "MDN Reference",
|
|
@@ -3814,7 +3814,7 @@
|
|
|
3814
3814
|
"O3.5"
|
|
3815
3815
|
],
|
|
3816
3816
|
"syntax": "<color>",
|
|
3817
|
-
"relevance":
|
|
3817
|
+
"relevance": 94,
|
|
3818
3818
|
"references": [
|
|
3819
3819
|
{
|
|
3820
3820
|
"name": "MDN Reference",
|
|
@@ -4755,7 +4755,7 @@
|
|
|
4755
4755
|
}
|
|
4756
4756
|
],
|
|
4757
4757
|
"syntax": "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]",
|
|
4758
|
-
"relevance":
|
|
4758
|
+
"relevance": 91,
|
|
4759
4759
|
"references": [
|
|
4760
4760
|
{
|
|
4761
4761
|
"name": "MDN Reference",
|
|
@@ -5309,7 +5309,7 @@
|
|
|
5309
5309
|
}
|
|
5310
5310
|
],
|
|
5311
5311
|
"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
|
|
5312
|
-
"relevance":
|
|
5312
|
+
"relevance": 95,
|
|
5313
5313
|
"references": [
|
|
5314
5314
|
{
|
|
5315
5315
|
"name": "MDN Reference",
|
|
@@ -5600,7 +5600,7 @@
|
|
|
5600
5600
|
}
|
|
5601
5601
|
],
|
|
5602
5602
|
"syntax": "none | <filter-value-list>",
|
|
5603
|
-
"relevance":
|
|
5603
|
+
"relevance": 73,
|
|
5604
5604
|
"references": [
|
|
5605
5605
|
{
|
|
5606
5606
|
"name": "MDN Reference",
|
|
@@ -5854,7 +5854,7 @@
|
|
|
5854
5854
|
"O12.1"
|
|
5855
5855
|
],
|
|
5856
5856
|
"syntax": "<number>",
|
|
5857
|
-
"relevance":
|
|
5857
|
+
"relevance": 78,
|
|
5858
5858
|
"references": [
|
|
5859
5859
|
{
|
|
5860
5860
|
"name": "MDN Reference",
|
|
@@ -6005,7 +6005,7 @@
|
|
|
6005
6005
|
}
|
|
6006
6006
|
],
|
|
6007
6007
|
"syntax": "left | right | none | inline-start | inline-end",
|
|
6008
|
-
"relevance":
|
|
6008
|
+
"relevance": 87,
|
|
6009
6009
|
"references": [
|
|
6010
6010
|
{
|
|
6011
6011
|
"name": "MDN Reference",
|
|
@@ -6304,7 +6304,7 @@
|
|
|
6304
6304
|
],
|
|
6305
6305
|
"atRule": "@font-palette-values",
|
|
6306
6306
|
"syntax": "<family-name>#",
|
|
6307
|
-
"relevance":
|
|
6307
|
+
"relevance": 93,
|
|
6308
6308
|
"references": [
|
|
6309
6309
|
{
|
|
6310
6310
|
"name": "MDN Reference",
|
|
@@ -6818,7 +6818,7 @@
|
|
|
6818
6818
|
],
|
|
6819
6819
|
"atRule": "@font-face",
|
|
6820
6820
|
"syntax": "normal | <feature-tag-value>#",
|
|
6821
|
-
"relevance":
|
|
6821
|
+
"relevance": 59,
|
|
6822
6822
|
"references": [
|
|
6823
6823
|
{
|
|
6824
6824
|
"name": "MDN Reference",
|
|
@@ -7513,7 +7513,7 @@
|
|
|
7513
7513
|
}
|
|
7514
7514
|
],
|
|
7515
7515
|
"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]",
|
|
7516
|
-
"relevance":
|
|
7516
|
+
"relevance": 52,
|
|
7517
7517
|
"references": [
|
|
7518
7518
|
{
|
|
7519
7519
|
"name": "MDN Reference",
|
|
@@ -7996,7 +7996,7 @@
|
|
|
7996
7996
|
}
|
|
7997
7997
|
],
|
|
7998
7998
|
"syntax": "<grid-line> [ / <grid-line> ]?",
|
|
7999
|
-
"relevance":
|
|
7999
|
+
"relevance": 61,
|
|
8000
8000
|
"references": [
|
|
8001
8001
|
{
|
|
8002
8002
|
"name": "MDN Reference",
|
|
@@ -8067,7 +8067,7 @@
|
|
|
8067
8067
|
],
|
|
8068
8068
|
"status": "obsolete",
|
|
8069
8069
|
"syntax": "<length-percentage>",
|
|
8070
|
-
"relevance":
|
|
8070
|
+
"relevance": 4,
|
|
8071
8071
|
"description": "Specifies the gutters between grid columns. Replaced by 'column-gap' property.",
|
|
8072
8072
|
"restrictions": [
|
|
8073
8073
|
"length"
|
|
@@ -8316,7 +8316,7 @@
|
|
|
8316
8316
|
}
|
|
8317
8317
|
],
|
|
8318
8318
|
"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
|
|
8319
|
-
"relevance":
|
|
8319
|
+
"relevance": 50,
|
|
8320
8320
|
"references": [
|
|
8321
8321
|
{
|
|
8322
8322
|
"name": "MDN Reference",
|
|
@@ -8567,7 +8567,7 @@
|
|
|
8567
8567
|
}
|
|
8568
8568
|
],
|
|
8569
8569
|
"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>",
|
|
8570
|
-
"relevance":
|
|
8570
|
+
"relevance": 95,
|
|
8571
8571
|
"references": [
|
|
8572
8572
|
{
|
|
8573
8573
|
"name": "MDN Reference",
|
|
@@ -8834,7 +8834,7 @@
|
|
|
8834
8834
|
}
|
|
8835
8835
|
],
|
|
8836
8836
|
"syntax": "auto | isolate",
|
|
8837
|
-
"relevance":
|
|
8837
|
+
"relevance": 55,
|
|
8838
8838
|
"references": [
|
|
8839
8839
|
{
|
|
8840
8840
|
"name": "MDN Reference",
|
|
@@ -8931,7 +8931,7 @@
|
|
|
8931
8931
|
}
|
|
8932
8932
|
],
|
|
8933
8933
|
"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
|
|
8934
|
-
"relevance":
|
|
8934
|
+
"relevance": 89,
|
|
8935
8935
|
"references": [
|
|
8936
8936
|
{
|
|
8937
8937
|
"name": "MDN Reference",
|
|
@@ -9142,7 +9142,7 @@
|
|
|
9142
9142
|
}
|
|
9143
9143
|
],
|
|
9144
9144
|
"syntax": "normal | <number> | <length> | <percentage>",
|
|
9145
|
-
"relevance":
|
|
9145
|
+
"relevance": 92,
|
|
9146
9146
|
"references": [
|
|
9147
9147
|
{
|
|
9148
9148
|
"name": "MDN Reference",
|
|
@@ -9439,7 +9439,7 @@
|
|
|
9439
9439
|
}
|
|
9440
9440
|
],
|
|
9441
9441
|
"syntax": "<counter-style> | <string> | none",
|
|
9442
|
-
"relevance":
|
|
9442
|
+
"relevance": 72,
|
|
9443
9443
|
"references": [
|
|
9444
9444
|
{
|
|
9445
9445
|
"name": "MDN Reference",
|
|
@@ -9512,7 +9512,7 @@
|
|
|
9512
9512
|
}
|
|
9513
9513
|
],
|
|
9514
9514
|
"syntax": "<'margin-top'>",
|
|
9515
|
-
"relevance":
|
|
9515
|
+
"relevance": 55,
|
|
9516
9516
|
"references": [
|
|
9517
9517
|
{
|
|
9518
9518
|
"name": "MDN Reference",
|
|
@@ -9548,7 +9548,7 @@
|
|
|
9548
9548
|
}
|
|
9549
9549
|
],
|
|
9550
9550
|
"syntax": "<'margin-top'>",
|
|
9551
|
-
"relevance":
|
|
9551
|
+
"relevance": 53,
|
|
9552
9552
|
"references": [
|
|
9553
9553
|
{
|
|
9554
9554
|
"name": "MDN Reference",
|
|
@@ -9621,7 +9621,7 @@
|
|
|
9621
9621
|
}
|
|
9622
9622
|
],
|
|
9623
9623
|
"syntax": "<'margin-top'>",
|
|
9624
|
-
"relevance":
|
|
9624
|
+
"relevance": 58,
|
|
9625
9625
|
"references": [
|
|
9626
9626
|
{
|
|
9627
9627
|
"name": "MDN Reference",
|
|
@@ -9657,7 +9657,7 @@
|
|
|
9657
9657
|
}
|
|
9658
9658
|
],
|
|
9659
9659
|
"syntax": "<'margin-top'>",
|
|
9660
|
-
"relevance":
|
|
9660
|
+
"relevance": 59,
|
|
9661
9661
|
"references": [
|
|
9662
9662
|
{
|
|
9663
9663
|
"name": "MDN Reference",
|
|
@@ -9768,7 +9768,7 @@
|
|
|
9768
9768
|
}
|
|
9769
9769
|
],
|
|
9770
9770
|
"syntax": "<length-percentage> | auto",
|
|
9771
|
-
"relevance":
|
|
9771
|
+
"relevance": 93,
|
|
9772
9772
|
"references": [
|
|
9773
9773
|
{
|
|
9774
9774
|
"name": "MDN Reference",
|
|
@@ -9969,7 +9969,7 @@
|
|
|
9969
9969
|
}
|
|
9970
9970
|
],
|
|
9971
9971
|
"syntax": "<mask-reference>#",
|
|
9972
|
-
"relevance":
|
|
9972
|
+
"relevance": 59,
|
|
9973
9973
|
"references": [
|
|
9974
9974
|
{
|
|
9975
9975
|
"name": "MDN Reference",
|
|
@@ -10149,7 +10149,7 @@
|
|
|
10149
10149
|
}
|
|
10150
10150
|
],
|
|
10151
10151
|
"syntax": "<bg-size>#",
|
|
10152
|
-
"relevance":
|
|
10152
|
+
"relevance": 55,
|
|
10153
10153
|
"references": [
|
|
10154
10154
|
{
|
|
10155
10155
|
"name": "MDN Reference",
|
|
@@ -10226,7 +10226,7 @@
|
|
|
10226
10226
|
}
|
|
10227
10227
|
],
|
|
10228
10228
|
"syntax": "<'max-width'>",
|
|
10229
|
-
"relevance":
|
|
10229
|
+
"relevance": 53,
|
|
10230
10230
|
"references": [
|
|
10231
10231
|
{
|
|
10232
10232
|
"name": "MDN Reference",
|
|
@@ -10346,7 +10346,7 @@
|
|
|
10346
10346
|
}
|
|
10347
10347
|
],
|
|
10348
10348
|
"syntax": "<'max-width'>",
|
|
10349
|
-
"relevance":
|
|
10349
|
+
"relevance": 53,
|
|
10350
10350
|
"references": [
|
|
10351
10351
|
{
|
|
10352
10352
|
"name": "MDN Reference",
|
|
@@ -10460,7 +10460,7 @@
|
|
|
10460
10460
|
"O44"
|
|
10461
10461
|
],
|
|
10462
10462
|
"syntax": "<'min-width'>",
|
|
10463
|
-
"relevance":
|
|
10463
|
+
"relevance": 53,
|
|
10464
10464
|
"references": [
|
|
10465
10465
|
{
|
|
10466
10466
|
"name": "MDN Reference",
|
|
@@ -10584,7 +10584,7 @@
|
|
|
10584
10584
|
"O44"
|
|
10585
10585
|
],
|
|
10586
10586
|
"syntax": "<'min-width'>",
|
|
10587
|
-
"relevance":
|
|
10587
|
+
"relevance": 53,
|
|
10588
10588
|
"references": [
|
|
10589
10589
|
{
|
|
10590
10590
|
"name": "MDN Reference",
|
|
@@ -14846,7 +14846,7 @@
|
|
|
14846
14846
|
}
|
|
14847
14847
|
],
|
|
14848
14848
|
"syntax": "fill | contain | cover | none | scale-down",
|
|
14849
|
-
"relevance":
|
|
14849
|
+
"relevance": 75,
|
|
14850
14850
|
"references": [
|
|
14851
14851
|
{
|
|
14852
14852
|
"name": "MDN Reference",
|
|
@@ -15030,7 +15030,7 @@
|
|
|
15030
15030
|
"O12.1"
|
|
15031
15031
|
],
|
|
15032
15032
|
"syntax": "<integer>",
|
|
15033
|
-
"relevance":
|
|
15033
|
+
"relevance": 69,
|
|
15034
15034
|
"references": [
|
|
15035
15035
|
{
|
|
15036
15036
|
"name": "MDN Reference",
|
|
@@ -15463,7 +15463,7 @@
|
|
|
15463
15463
|
}
|
|
15464
15464
|
],
|
|
15465
15465
|
"syntax": "auto | <color>",
|
|
15466
|
-
"relevance":
|
|
15466
|
+
"relevance": 62,
|
|
15467
15467
|
"references": [
|
|
15468
15468
|
{
|
|
15469
15469
|
"name": "MDN Reference",
|
|
@@ -15494,7 +15494,7 @@
|
|
|
15494
15494
|
"O9.5"
|
|
15495
15495
|
],
|
|
15496
15496
|
"syntax": "<length>",
|
|
15497
|
-
"relevance":
|
|
15497
|
+
"relevance": 70,
|
|
15498
15498
|
"references": [
|
|
15499
15499
|
{
|
|
15500
15500
|
"name": "MDN Reference",
|
|
@@ -15531,7 +15531,7 @@
|
|
|
15531
15531
|
}
|
|
15532
15532
|
],
|
|
15533
15533
|
"syntax": "auto | <outline-line-style>",
|
|
15534
|
-
"relevance":
|
|
15534
|
+
"relevance": 60,
|
|
15535
15535
|
"references": [
|
|
15536
15536
|
{
|
|
15537
15537
|
"name": "MDN Reference",
|
|
@@ -15673,7 +15673,7 @@
|
|
|
15673
15673
|
}
|
|
15674
15674
|
],
|
|
15675
15675
|
"syntax": "normal | break-word | anywhere",
|
|
15676
|
-
"relevance":
|
|
15676
|
+
"relevance": 66,
|
|
15677
15677
|
"references": [
|
|
15678
15678
|
{
|
|
15679
15679
|
"name": "MDN Reference",
|
|
@@ -15722,7 +15722,7 @@
|
|
|
15722
15722
|
}
|
|
15723
15723
|
],
|
|
15724
15724
|
"syntax": "visible | hidden | clip | scroll | auto",
|
|
15725
|
-
"relevance":
|
|
15725
|
+
"relevance": 81,
|
|
15726
15726
|
"references": [
|
|
15727
15727
|
{
|
|
15728
15728
|
"name": "MDN Reference",
|
|
@@ -15944,7 +15944,7 @@
|
|
|
15944
15944
|
"O56"
|
|
15945
15945
|
],
|
|
15946
15946
|
"syntax": "<'padding-top'>",
|
|
15947
|
-
"relevance":
|
|
15947
|
+
"relevance": 56,
|
|
15948
15948
|
"references": [
|
|
15949
15949
|
{
|
|
15950
15950
|
"name": "MDN Reference",
|
|
@@ -15975,7 +15975,7 @@
|
|
|
15975
15975
|
"O56"
|
|
15976
15976
|
],
|
|
15977
15977
|
"syntax": "<'padding-top'>",
|
|
15978
|
-
"relevance":
|
|
15978
|
+
"relevance": 58,
|
|
15979
15979
|
"references": [
|
|
15980
15980
|
{
|
|
15981
15981
|
"name": "MDN Reference",
|
|
@@ -16071,7 +16071,7 @@
|
|
|
16071
16071
|
"O3.5"
|
|
16072
16072
|
],
|
|
16073
16073
|
"syntax": "<length-percentage [0,∞]>",
|
|
16074
|
-
"relevance":
|
|
16074
|
+
"relevance": 89,
|
|
16075
16075
|
"references": [
|
|
16076
16076
|
{
|
|
16077
16077
|
"name": "MDN Reference",
|
|
@@ -16617,7 +16617,7 @@
|
|
|
16617
16617
|
}
|
|
16618
16618
|
],
|
|
16619
16619
|
"syntax": "none | both | horizontal | vertical | block | inline",
|
|
16620
|
-
"relevance":
|
|
16620
|
+
"relevance": 65,
|
|
16621
16621
|
"references": [
|
|
16622
16622
|
{
|
|
16623
16623
|
"name": "MDN Reference",
|
|
@@ -17032,7 +17032,7 @@
|
|
|
17032
17032
|
}
|
|
17033
17033
|
],
|
|
17034
17034
|
"syntax": "auto | smooth",
|
|
17035
|
-
"relevance":
|
|
17035
|
+
"relevance": 58,
|
|
17036
17036
|
"references": [
|
|
17037
17037
|
{
|
|
17038
17038
|
"name": "MDN Reference",
|
|
@@ -17160,7 +17160,7 @@
|
|
|
17160
17160
|
}
|
|
17161
17161
|
],
|
|
17162
17162
|
"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
|
|
17163
|
-
"relevance":
|
|
17163
|
+
"relevance": 57,
|
|
17164
17164
|
"references": [
|
|
17165
17165
|
{
|
|
17166
17166
|
"name": "MDN Reference",
|
|
@@ -17362,7 +17362,7 @@
|
|
|
17362
17362
|
],
|
|
17363
17363
|
"atRule": "@font-face",
|
|
17364
17364
|
"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
|
|
17365
|
-
"relevance":
|
|
17365
|
+
"relevance": 85,
|
|
17366
17366
|
"description": "@font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed.",
|
|
17367
17367
|
"restrictions": [
|
|
17368
17368
|
"enum",
|
|
@@ -17383,7 +17383,7 @@
|
|
|
17383
17383
|
"O15"
|
|
17384
17384
|
],
|
|
17385
17385
|
"syntax": "<'color'>",
|
|
17386
|
-
"relevance":
|
|
17386
|
+
"relevance": 50,
|
|
17387
17387
|
"references": [
|
|
17388
17388
|
{
|
|
17389
17389
|
"name": "MDN Reference",
|
|
@@ -17453,7 +17453,7 @@
|
|
|
17453
17453
|
}
|
|
17454
17454
|
],
|
|
17455
17455
|
"syntax": "<paint>",
|
|
17456
|
-
"relevance":
|
|
17456
|
+
"relevance": 68,
|
|
17457
17457
|
"references": [
|
|
17458
17458
|
{
|
|
17459
17459
|
"name": "MDN Reference",
|
|
@@ -17491,7 +17491,7 @@
|
|
|
17491
17491
|
}
|
|
17492
17492
|
],
|
|
17493
17493
|
"syntax": "none | <dasharray>",
|
|
17494
|
-
"relevance":
|
|
17494
|
+
"relevance": 61,
|
|
17495
17495
|
"references": [
|
|
17496
17496
|
{
|
|
17497
17497
|
"name": "MDN Reference",
|
|
@@ -17524,7 +17524,7 @@
|
|
|
17524
17524
|
"O15"
|
|
17525
17525
|
],
|
|
17526
17526
|
"syntax": "<length-percentage> | <number>",
|
|
17527
|
-
"relevance":
|
|
17527
|
+
"relevance": 63,
|
|
17528
17528
|
"references": [
|
|
17529
17529
|
{
|
|
17530
17530
|
"name": "MDN Reference",
|
|
@@ -17613,7 +17613,7 @@
|
|
|
17613
17613
|
}
|
|
17614
17614
|
],
|
|
17615
17615
|
"syntax": "miter | miter-clip | round | bevel | arcs",
|
|
17616
|
-
"relevance":
|
|
17616
|
+
"relevance": 51,
|
|
17617
17617
|
"references": [
|
|
17618
17618
|
{
|
|
17619
17619
|
"name": "MDN Reference",
|
|
@@ -17703,7 +17703,7 @@
|
|
|
17703
17703
|
"O15"
|
|
17704
17704
|
],
|
|
17705
17705
|
"syntax": "<length-percentage> | <number>",
|
|
17706
|
-
"relevance":
|
|
17706
|
+
"relevance": 69,
|
|
17707
17707
|
"references": [
|
|
17708
17708
|
{
|
|
17709
17709
|
"name": "MDN Reference",
|
|
@@ -17819,7 +17819,7 @@
|
|
|
17819
17819
|
}
|
|
17820
17820
|
],
|
|
17821
17821
|
"syntax": "auto | fixed",
|
|
17822
|
-
"relevance":
|
|
17822
|
+
"relevance": 58,
|
|
17823
17823
|
"references": [
|
|
17824
17824
|
{
|
|
17825
17825
|
"name": "MDN Reference",
|
|
@@ -17849,7 +17849,7 @@
|
|
|
17849
17849
|
"O15"
|
|
17850
17850
|
],
|
|
17851
17851
|
"syntax": "<integer> | <length>",
|
|
17852
|
-
"relevance":
|
|
17852
|
+
"relevance": 54,
|
|
17853
17853
|
"references": [
|
|
17854
17854
|
{
|
|
17855
17855
|
"name": "MDN Reference",
|
|
@@ -18126,7 +18126,7 @@
|
|
|
18126
18126
|
"O44"
|
|
18127
18127
|
],
|
|
18128
18128
|
"syntax": "<color>",
|
|
18129
|
-
"relevance":
|
|
18129
|
+
"relevance": 58,
|
|
18130
18130
|
"references": [
|
|
18131
18131
|
{
|
|
18132
18132
|
"name": "MDN Reference",
|
|
@@ -18174,7 +18174,7 @@
|
|
|
18174
18174
|
}
|
|
18175
18175
|
],
|
|
18176
18176
|
"syntax": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error",
|
|
18177
|
-
"relevance":
|
|
18177
|
+
"relevance": 60,
|
|
18178
18178
|
"references": [
|
|
18179
18179
|
{
|
|
18180
18180
|
"name": "MDN Reference",
|
|
@@ -18230,7 +18230,7 @@
|
|
|
18230
18230
|
}
|
|
18231
18231
|
],
|
|
18232
18232
|
"syntax": "solid | double | dotted | dashed | wavy",
|
|
18233
|
-
"relevance":
|
|
18233
|
+
"relevance": 54,
|
|
18234
18234
|
"references": [
|
|
18235
18235
|
{
|
|
18236
18236
|
"name": "MDN Reference",
|
|
@@ -18262,7 +18262,7 @@
|
|
|
18262
18262
|
],
|
|
18263
18263
|
"values": [],
|
|
18264
18264
|
"syntax": "<length-percentage> && hanging? && each-line?",
|
|
18265
|
-
"relevance":
|
|
18265
|
+
"relevance": 67,
|
|
18266
18266
|
"references": [
|
|
18267
18267
|
{
|
|
18268
18268
|
"name": "MDN Reference",
|
|
@@ -18472,7 +18472,7 @@
|
|
|
18472
18472
|
}
|
|
18473
18473
|
],
|
|
18474
18474
|
"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
|
|
18475
|
-
"relevance":
|
|
18475
|
+
"relevance": 66,
|
|
18476
18476
|
"references": [
|
|
18477
18477
|
{
|
|
18478
18478
|
"name": "MDN Reference",
|
|
@@ -18640,7 +18640,7 @@
|
|
|
18640
18640
|
}
|
|
18641
18641
|
],
|
|
18642
18642
|
"syntax": "<length> | <percentage> | auto",
|
|
18643
|
-
"relevance":
|
|
18643
|
+
"relevance": 94,
|
|
18644
18644
|
"references": [
|
|
18645
18645
|
{
|
|
18646
18646
|
"name": "MDN Reference",
|
|
@@ -18901,7 +18901,7 @@
|
|
|
18901
18901
|
"O23"
|
|
18902
18902
|
],
|
|
18903
18903
|
"syntax": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
|
|
18904
|
-
"relevance":
|
|
18904
|
+
"relevance": 75,
|
|
18905
18905
|
"references": [
|
|
18906
18906
|
{
|
|
18907
18907
|
"name": "MDN Reference",
|
|
@@ -18953,7 +18953,7 @@
|
|
|
18953
18953
|
}
|
|
18954
18954
|
],
|
|
18955
18955
|
"syntax": "flat | preserve-3d",
|
|
18956
|
-
"relevance":
|
|
18956
|
+
"relevance": 56,
|
|
18957
18957
|
"references": [
|
|
18958
18958
|
{
|
|
18959
18959
|
"name": "MDN Reference",
|
|
@@ -19028,7 +19028,7 @@
|
|
|
19028
19028
|
"O12.1"
|
|
19029
19029
|
],
|
|
19030
19030
|
"syntax": "<time>#",
|
|
19031
|
-
"relevance":
|
|
19031
|
+
"relevance": 64,
|
|
19032
19032
|
"references": [
|
|
19033
19033
|
{
|
|
19034
19034
|
"name": "MDN Reference",
|
|
@@ -19059,7 +19059,7 @@
|
|
|
19059
19059
|
"O12.1"
|
|
19060
19060
|
],
|
|
19061
19061
|
"syntax": "<time>#",
|
|
19062
|
-
"relevance":
|
|
19062
|
+
"relevance": 69,
|
|
19063
19063
|
"references": [
|
|
19064
19064
|
{
|
|
19065
19065
|
"name": "MDN Reference",
|
|
@@ -19591,7 +19591,7 @@
|
|
|
19591
19591
|
}
|
|
19592
19592
|
],
|
|
19593
19593
|
"syntax": "auto | text | none | all",
|
|
19594
|
-
"relevance":
|
|
19594
|
+
"relevance": 82,
|
|
19595
19595
|
"references": [
|
|
19596
19596
|
{
|
|
19597
19597
|
"name": "MDN Reference",
|
|
@@ -19672,7 +19672,7 @@
|
|
|
19672
19672
|
}
|
|
19673
19673
|
],
|
|
19674
19674
|
"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
|
|
19675
|
-
"relevance":
|
|
19675
|
+
"relevance": 90,
|
|
19676
19676
|
"references": [
|
|
19677
19677
|
{
|
|
19678
19678
|
"name": "MDN Reference",
|
|
@@ -19718,7 +19718,7 @@
|
|
|
19718
19718
|
}
|
|
19719
19719
|
],
|
|
19720
19720
|
"syntax": "visible | hidden | collapse",
|
|
19721
|
-
"relevance":
|
|
19721
|
+
"relevance": 87,
|
|
19722
19722
|
"references": [
|
|
19723
19723
|
{
|
|
19724
19724
|
"name": "MDN Reference",
|
|
@@ -22226,7 +22226,7 @@
|
|
|
22226
22226
|
}
|
|
22227
22227
|
],
|
|
22228
22228
|
"syntax": "normal | break-word",
|
|
22229
|
-
"relevance":
|
|
22229
|
+
"relevance": 77,
|
|
22230
22230
|
"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
|
|
22231
22231
|
"restrictions": [
|
|
22232
22232
|
"enum"
|
|
@@ -22290,7 +22290,7 @@
|
|
|
22290
22290
|
}
|
|
22291
22291
|
],
|
|
22292
22292
|
"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
|
|
22293
|
-
"relevance":
|
|
22293
|
+
"relevance": 53,
|
|
22294
22294
|
"references": [
|
|
22295
22295
|
{
|
|
22296
22296
|
"name": "MDN Reference",
|
|
@@ -22363,7 +22363,7 @@
|
|
|
22363
22363
|
}
|
|
22364
22364
|
],
|
|
22365
22365
|
"syntax": "normal | reset | <number [0,∞]> || <percentage [0,∞]>",
|
|
22366
|
-
"relevance":
|
|
22366
|
+
"relevance": 65,
|
|
22367
22367
|
"references": [
|
|
22368
22368
|
{
|
|
22369
22369
|
"name": "MDN Reference",
|
|
@@ -22901,10 +22901,7 @@
|
|
|
22901
22901
|
"E93",
|
|
22902
22902
|
"FF92",
|
|
22903
22903
|
"FFA92",
|
|
22904
|
-
"S15.4",
|
|
22905
|
-
"SM15.4",
|
|
22906
22904
|
"C93",
|
|
22907
|
-
"CA93",
|
|
22908
22905
|
"O79"
|
|
22909
22906
|
],
|
|
22910
22907
|
"references": [
|
|
@@ -22914,9 +22911,7 @@
|
|
|
22914
22911
|
}
|
|
22915
22912
|
],
|
|
22916
22913
|
"baseline": {
|
|
22917
|
-
"status": "
|
|
22918
|
-
"baseline_low_date": "2022-03-14",
|
|
22919
|
-
"baseline_high_date": "2024-09-14"
|
|
22914
|
+
"status": "false"
|
|
22920
22915
|
},
|
|
22921
22916
|
"description": "Sets the color of the elements accent"
|
|
22922
22917
|
},
|
|
@@ -23131,7 +23126,7 @@
|
|
|
23131
23126
|
{
|
|
23132
23127
|
"name": "appearance",
|
|
23133
23128
|
"syntax": "none | auto | textfield | menulist-button | <compat-auto>",
|
|
23134
|
-
"relevance":
|
|
23129
|
+
"relevance": 72,
|
|
23135
23130
|
"browsers": [
|
|
23136
23131
|
"E84",
|
|
23137
23132
|
"FF80",
|
|
@@ -23158,7 +23153,7 @@
|
|
|
23158
23153
|
{
|
|
23159
23154
|
"name": "aspect-ratio",
|
|
23160
23155
|
"syntax": "auto || <ratio>",
|
|
23161
|
-
"relevance":
|
|
23156
|
+
"relevance": 64,
|
|
23162
23157
|
"browsers": [
|
|
23163
23158
|
"E88",
|
|
23164
23159
|
"FF89",
|
|
@@ -23185,7 +23180,7 @@
|
|
|
23185
23180
|
{
|
|
23186
23181
|
"name": "backdrop-filter",
|
|
23187
23182
|
"syntax": "none | <filter-value-list>",
|
|
23188
|
-
"relevance":
|
|
23183
|
+
"relevance": 63,
|
|
23189
23184
|
"browsers": [
|
|
23190
23185
|
"E79",
|
|
23191
23186
|
"FF103",
|
|
@@ -23336,7 +23331,7 @@
|
|
|
23336
23331
|
{
|
|
23337
23332
|
"name": "border-end-end-radius",
|
|
23338
23333
|
"syntax": "<'border-top-left-radius'>",
|
|
23339
|
-
"relevance":
|
|
23334
|
+
"relevance": 54,
|
|
23340
23335
|
"browsers": [
|
|
23341
23336
|
"E89",
|
|
23342
23337
|
"FF66",
|
|
@@ -23363,7 +23358,7 @@
|
|
|
23363
23358
|
{
|
|
23364
23359
|
"name": "border-end-start-radius",
|
|
23365
23360
|
"syntax": "<'border-top-left-radius'>",
|
|
23366
|
-
"relevance":
|
|
23361
|
+
"relevance": 54,
|
|
23367
23362
|
"browsers": [
|
|
23368
23363
|
"E89",
|
|
23369
23364
|
"FF66",
|
|
@@ -23498,7 +23493,7 @@
|
|
|
23498
23493
|
{
|
|
23499
23494
|
"name": "border-start-end-radius",
|
|
23500
23495
|
"syntax": "<'border-top-left-radius'>",
|
|
23501
|
-
"relevance":
|
|
23496
|
+
"relevance": 54,
|
|
23502
23497
|
"browsers": [
|
|
23503
23498
|
"E89",
|
|
23504
23499
|
"FF66",
|
|
@@ -23525,7 +23520,7 @@
|
|
|
23525
23520
|
{
|
|
23526
23521
|
"name": "border-start-start-radius",
|
|
23527
23522
|
"syntax": "<'border-top-left-radius'>",
|
|
23528
|
-
"relevance":
|
|
23523
|
+
"relevance": 54,
|
|
23529
23524
|
"browsers": [
|
|
23530
23525
|
"E89",
|
|
23531
23526
|
"FF66",
|
|
@@ -24311,8 +24306,9 @@
|
|
|
24311
24306
|
}
|
|
24312
24307
|
],
|
|
24313
24308
|
"baseline": {
|
|
24314
|
-
"status": "
|
|
24315
|
-
"baseline_low_date": "2022-11-15"
|
|
24309
|
+
"status": "high",
|
|
24310
|
+
"baseline_low_date": "2022-11-15",
|
|
24311
|
+
"baseline_high_date": "2025-05-15"
|
|
24316
24312
|
},
|
|
24317
24313
|
"description": "The font-palette CSS property allows specifying one of the many palettes contained in a font that a user agent should use for the font. Users can also override the values in a palette or create a new palette by using the @font-palette-values at-rule."
|
|
24318
24314
|
},
|
|
@@ -24542,7 +24538,7 @@
|
|
|
24542
24538
|
"name": "preserve-parent-color"
|
|
24543
24539
|
}
|
|
24544
24540
|
],
|
|
24545
|
-
"relevance":
|
|
24541
|
+
"relevance": 58,
|
|
24546
24542
|
"browsers": [
|
|
24547
24543
|
"E79",
|
|
24548
24544
|
"FF113",
|
|
@@ -24800,7 +24796,7 @@
|
|
|
24800
24796
|
{
|
|
24801
24797
|
"name": "inset-inline",
|
|
24802
24798
|
"syntax": "<'top'>{1,2}",
|
|
24803
|
-
"relevance":
|
|
24799
|
+
"relevance": 53,
|
|
24804
24800
|
"browsers": [
|
|
24805
24801
|
"E87",
|
|
24806
24802
|
"FF63",
|
|
@@ -24827,7 +24823,7 @@
|
|
|
24827
24823
|
{
|
|
24828
24824
|
"name": "inset-inline-end",
|
|
24829
24825
|
"syntax": "<'top'>",
|
|
24830
|
-
"relevance":
|
|
24826
|
+
"relevance": 54,
|
|
24831
24827
|
"browsers": [
|
|
24832
24828
|
"E87",
|
|
24833
24829
|
"FF63",
|
|
@@ -24854,7 +24850,7 @@
|
|
|
24854
24850
|
{
|
|
24855
24851
|
"name": "inset-inline-start",
|
|
24856
24852
|
"syntax": "<'top'>",
|
|
24857
|
-
"relevance":
|
|
24853
|
+
"relevance": 55,
|
|
24858
24854
|
"browsers": [
|
|
24859
24855
|
"E87",
|
|
24860
24856
|
"FF63",
|
|
@@ -24940,24 +24936,12 @@
|
|
|
24940
24936
|
"status": "experimental",
|
|
24941
24937
|
"syntax": "<length>",
|
|
24942
24938
|
"relevance": 50,
|
|
24943
|
-
"
|
|
24944
|
-
|
|
24945
|
-
|
|
24946
|
-
"
|
|
24947
|
-
|
|
24948
|
-
|
|
24949
|
-
"url": "https://developer.mozilla.org/docs/Web/CSS/line-height-step"
|
|
24950
|
-
}
|
|
24951
|
-
],
|
|
24952
|
-
"baseline": {
|
|
24953
|
-
"status": "false"
|
|
24954
|
-
},
|
|
24955
|
-
"description": "The line-height-step CSS property defines the step units for line box heights. When the step unit is positive, line box heights are rounded up to the closest multiple of the unit. Negative values are invalid."
|
|
24956
|
-
},
|
|
24957
|
-
{
|
|
24958
|
-
"name": "margin-block",
|
|
24959
|
-
"syntax": "<'margin-top'>{1,2}",
|
|
24960
|
-
"relevance": 55,
|
|
24939
|
+
"description": "The line-height-step CSS property defines the step units for line box heights. When the step unit is positive, line box heights are rounded up to the closest multiple of the unit. Negative values are invalid."
|
|
24940
|
+
},
|
|
24941
|
+
{
|
|
24942
|
+
"name": "margin-block",
|
|
24943
|
+
"syntax": "<'margin-top'>{1,2}",
|
|
24944
|
+
"relevance": 55,
|
|
24961
24945
|
"browsers": [
|
|
24962
24946
|
"E87",
|
|
24963
24947
|
"FF66",
|
|
@@ -24984,7 +24968,7 @@
|
|
|
24984
24968
|
{
|
|
24985
24969
|
"name": "margin-inline",
|
|
24986
24970
|
"syntax": "<'margin-top'>{1,2}",
|
|
24987
|
-
"relevance":
|
|
24971
|
+
"relevance": 55,
|
|
24988
24972
|
"browsers": [
|
|
24989
24973
|
"E87",
|
|
24990
24974
|
"FF66",
|
|
@@ -25228,7 +25212,7 @@
|
|
|
25228
25212
|
{
|
|
25229
25213
|
"name": "mask-composite",
|
|
25230
25214
|
"syntax": "<compositing-operator>#",
|
|
25231
|
-
"relevance":
|
|
25215
|
+
"relevance": 54,
|
|
25232
25216
|
"browsers": [
|
|
25233
25217
|
"E120",
|
|
25234
25218
|
"FF53",
|
|
@@ -25539,7 +25523,7 @@
|
|
|
25539
25523
|
"name": "none"
|
|
25540
25524
|
}
|
|
25541
25525
|
],
|
|
25542
|
-
"relevance":
|
|
25526
|
+
"relevance": 52,
|
|
25543
25527
|
"browsers": [
|
|
25544
25528
|
"E79",
|
|
25545
25529
|
"FF66",
|
|
@@ -25586,7 +25570,8 @@
|
|
|
25586
25570
|
"FF69",
|
|
25587
25571
|
"FFA79",
|
|
25588
25572
|
"C135",
|
|
25589
|
-
"CA135"
|
|
25573
|
+
"CA135",
|
|
25574
|
+
"O120"
|
|
25590
25575
|
],
|
|
25591
25576
|
"references": [
|
|
25592
25577
|
{
|
|
@@ -25658,7 +25643,8 @@
|
|
|
25658
25643
|
"FF69",
|
|
25659
25644
|
"FFA79",
|
|
25660
25645
|
"C135",
|
|
25661
|
-
"CA135"
|
|
25646
|
+
"CA135",
|
|
25647
|
+
"O120"
|
|
25662
25648
|
],
|
|
25663
25649
|
"references": [
|
|
25664
25650
|
{
|
|
@@ -25742,7 +25728,7 @@
|
|
|
25742
25728
|
"name": "auto"
|
|
25743
25729
|
}
|
|
25744
25730
|
],
|
|
25745
|
-
"relevance":
|
|
25731
|
+
"relevance": 50,
|
|
25746
25732
|
"browsers": [
|
|
25747
25733
|
"E79",
|
|
25748
25734
|
"FF73",
|
|
@@ -25910,7 +25896,7 @@
|
|
|
25910
25896
|
{
|
|
25911
25897
|
"name": "padding-inline",
|
|
25912
25898
|
"syntax": "<'padding-top'>{1,2}",
|
|
25913
|
-
"relevance":
|
|
25899
|
+
"relevance": 57,
|
|
25914
25900
|
"browsers": [
|
|
25915
25901
|
"E87",
|
|
25916
25902
|
"FF66",
|
|
@@ -26184,12 +26170,14 @@
|
|
|
26184
26170
|
"name": "exact"
|
|
26185
26171
|
}
|
|
26186
26172
|
],
|
|
26187
|
-
"relevance":
|
|
26173
|
+
"relevance": 51,
|
|
26188
26174
|
"browsers": [
|
|
26189
26175
|
"FF97",
|
|
26190
26176
|
"FFA97",
|
|
26191
26177
|
"S15.4",
|
|
26192
26178
|
"SM15.4",
|
|
26179
|
+
"C136",
|
|
26180
|
+
"CA136",
|
|
26193
26181
|
"O15"
|
|
26194
26182
|
],
|
|
26195
26183
|
"references": [
|
|
@@ -26260,7 +26248,7 @@
|
|
|
26260
26248
|
{
|
|
26261
26249
|
"name": "row-gap",
|
|
26262
26250
|
"syntax": "normal | <length-percentage>",
|
|
26263
|
-
"relevance":
|
|
26251
|
+
"relevance": 60,
|
|
26264
26252
|
"browsers": [
|
|
26265
26253
|
"E16",
|
|
26266
26254
|
"FF52",
|
|
@@ -27031,7 +27019,7 @@
|
|
|
27031
27019
|
"name": "always"
|
|
27032
27020
|
}
|
|
27033
27021
|
],
|
|
27034
|
-
"relevance":
|
|
27022
|
+
"relevance": 52,
|
|
27035
27023
|
"browsers": [
|
|
27036
27024
|
"E79",
|
|
27037
27025
|
"FF103",
|
|
@@ -27183,7 +27171,7 @@
|
|
|
27183
27171
|
{
|
|
27184
27172
|
"name": "scrollbar-gutter",
|
|
27185
27173
|
"syntax": "auto | stable && both-edges?",
|
|
27186
|
-
"relevance":
|
|
27174
|
+
"relevance": 54,
|
|
27187
27175
|
"browsers": [
|
|
27188
27176
|
"E94",
|
|
27189
27177
|
"FF97",
|
|
@@ -27220,7 +27208,7 @@
|
|
|
27220
27208
|
"name": "none"
|
|
27221
27209
|
}
|
|
27222
27210
|
],
|
|
27223
|
-
"relevance":
|
|
27211
|
+
"relevance": 68,
|
|
27224
27212
|
"browsers": [
|
|
27225
27213
|
"E121",
|
|
27226
27214
|
"FF64",
|
|
@@ -27436,7 +27424,7 @@
|
|
|
27436
27424
|
{
|
|
27437
27425
|
"name": "text-decoration-thickness",
|
|
27438
27426
|
"syntax": "auto | from-font | <length> | <percentage> ",
|
|
27439
|
-
"relevance":
|
|
27427
|
+
"relevance": 55,
|
|
27440
27428
|
"browsers": [
|
|
27441
27429
|
"E89",
|
|
27442
27430
|
"FF70",
|
|
@@ -27572,7 +27560,7 @@
|
|
|
27572
27560
|
"name": "text-size-adjust",
|
|
27573
27561
|
"status": "experimental",
|
|
27574
27562
|
"syntax": "none | auto | <percentage>",
|
|
27575
|
-
"relevance":
|
|
27563
|
+
"relevance": 61,
|
|
27576
27564
|
"browsers": [
|
|
27577
27565
|
"E79",
|
|
27578
27566
|
"C54",
|
|
@@ -27629,7 +27617,7 @@
|
|
|
27629
27617
|
{
|
|
27630
27618
|
"name": "text-underline-offset",
|
|
27631
27619
|
"syntax": "auto | <length> | <percentage> ",
|
|
27632
|
-
"relevance":
|
|
27620
|
+
"relevance": 55,
|
|
27633
27621
|
"browsers": [
|
|
27634
27622
|
"E87",
|
|
27635
27623
|
"FF70",
|
|
@@ -28010,16 +27998,23 @@
|
|
|
28010
27998
|
"relevance": 50,
|
|
28011
27999
|
"browsers": [
|
|
28012
28000
|
"E125",
|
|
28001
|
+
"FFpreview",
|
|
28013
28002
|
"S18.2",
|
|
28014
28003
|
"SM18.2",
|
|
28015
28004
|
"C125",
|
|
28016
28005
|
"CA125",
|
|
28017
28006
|
"O111"
|
|
28018
28007
|
],
|
|
28008
|
+
"references": [
|
|
28009
|
+
{
|
|
28010
|
+
"name": "MDN Reference",
|
|
28011
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/view-transition-class"
|
|
28012
|
+
}
|
|
28013
|
+
],
|
|
28019
28014
|
"baseline": {
|
|
28020
28015
|
"status": "false"
|
|
28021
28016
|
},
|
|
28022
|
-
"description": ""
|
|
28017
|
+
"description": "The view-transition-class CSS property provides the selected elements with an identifying class (a custom-ident), providing an additional method of styling the view transitions for those elements."
|
|
28023
28018
|
},
|
|
28024
28019
|
{
|
|
28025
28020
|
"name": "view-transition-name",
|
|
@@ -28027,6 +28022,7 @@
|
|
|
28027
28022
|
"relevance": 50,
|
|
28028
28023
|
"browsers": [
|
|
28029
28024
|
"E111",
|
|
28025
|
+
"FFpreview",
|
|
28030
28026
|
"S18",
|
|
28031
28027
|
"SM18",
|
|
28032
28028
|
"C111",
|
|
@@ -28204,7 +28200,7 @@
|
|
|
28204
28200
|
"name": "optional"
|
|
28205
28201
|
}
|
|
28206
28202
|
],
|
|
28207
|
-
"relevance":
|
|
28203
|
+
"relevance": 75,
|
|
28208
28204
|
"description": "The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use."
|
|
28209
28205
|
},
|
|
28210
28206
|
{
|
|
@@ -28499,6 +28495,1570 @@
|
|
|
28499
28495
|
"IE6",
|
|
28500
28496
|
"O9.2"
|
|
28501
28497
|
],
|
|
28498
|
+
"descriptors": [
|
|
28499
|
+
{
|
|
28500
|
+
"name": "width",
|
|
28501
|
+
"references": [
|
|
28502
|
+
{
|
|
28503
|
+
"name": "W3C Reference",
|
|
28504
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-width"
|
|
28505
|
+
},
|
|
28506
|
+
{
|
|
28507
|
+
"name": "MDN Reference",
|
|
28508
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/width"
|
|
28509
|
+
}
|
|
28510
|
+
],
|
|
28511
|
+
"type": "range",
|
|
28512
|
+
"syntax": "<length>",
|
|
28513
|
+
"description": "The width CSS media feature can be used to test the width of the viewport (or the page box, for paged media).",
|
|
28514
|
+
"browsers": [
|
|
28515
|
+
"E12",
|
|
28516
|
+
"FF2",
|
|
28517
|
+
"FFA4",
|
|
28518
|
+
"S3",
|
|
28519
|
+
"SM1",
|
|
28520
|
+
"C1",
|
|
28521
|
+
"CA18",
|
|
28522
|
+
"IE9",
|
|
28523
|
+
"O10"
|
|
28524
|
+
],
|
|
28525
|
+
"baseline": {
|
|
28526
|
+
"status": "high",
|
|
28527
|
+
"baseline_low_date": "2015-07-29",
|
|
28528
|
+
"baseline_high_date": "2018-01-29"
|
|
28529
|
+
}
|
|
28530
|
+
},
|
|
28531
|
+
{
|
|
28532
|
+
"name": "height",
|
|
28533
|
+
"references": [
|
|
28534
|
+
{
|
|
28535
|
+
"name": "W3C Reference",
|
|
28536
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-height"
|
|
28537
|
+
},
|
|
28538
|
+
{
|
|
28539
|
+
"name": "MDN Reference",
|
|
28540
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/height"
|
|
28541
|
+
}
|
|
28542
|
+
],
|
|
28543
|
+
"type": "range",
|
|
28544
|
+
"syntax": "<length>",
|
|
28545
|
+
"description": "The height CSS media feature can be used to apply styles based on the height of the viewport (or the page box, for paged media).",
|
|
28546
|
+
"browsers": [
|
|
28547
|
+
"E12",
|
|
28548
|
+
"FF2",
|
|
28549
|
+
"FFA4",
|
|
28550
|
+
"S3",
|
|
28551
|
+
"SM1",
|
|
28552
|
+
"C1",
|
|
28553
|
+
"CA18",
|
|
28554
|
+
"IE9",
|
|
28555
|
+
"O10"
|
|
28556
|
+
],
|
|
28557
|
+
"baseline": {
|
|
28558
|
+
"status": "high",
|
|
28559
|
+
"baseline_low_date": "2015-07-29",
|
|
28560
|
+
"baseline_high_date": "2018-01-29"
|
|
28561
|
+
}
|
|
28562
|
+
},
|
|
28563
|
+
{
|
|
28564
|
+
"name": "aspect-ratio",
|
|
28565
|
+
"references": [
|
|
28566
|
+
{
|
|
28567
|
+
"name": "W3C Reference",
|
|
28568
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-aspect-ratio"
|
|
28569
|
+
},
|
|
28570
|
+
{
|
|
28571
|
+
"name": "MDN Reference",
|
|
28572
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/aspect-ratio"
|
|
28573
|
+
}
|
|
28574
|
+
],
|
|
28575
|
+
"type": "range",
|
|
28576
|
+
"syntax": "<ratio>",
|
|
28577
|
+
"description": "The aspect-ratio CSS media feature can be used to test the aspect ratio of the viewport.",
|
|
28578
|
+
"browsers": [
|
|
28579
|
+
"E12",
|
|
28580
|
+
"FF3.5",
|
|
28581
|
+
"FFA4",
|
|
28582
|
+
"S5",
|
|
28583
|
+
"SM4.2",
|
|
28584
|
+
"C3",
|
|
28585
|
+
"CA18",
|
|
28586
|
+
"IE9",
|
|
28587
|
+
"O10"
|
|
28588
|
+
],
|
|
28589
|
+
"baseline": {
|
|
28590
|
+
"status": "high",
|
|
28591
|
+
"baseline_low_date": "2015-07-29",
|
|
28592
|
+
"baseline_high_date": "2018-01-29"
|
|
28593
|
+
}
|
|
28594
|
+
},
|
|
28595
|
+
{
|
|
28596
|
+
"name": "orientation",
|
|
28597
|
+
"references": [
|
|
28598
|
+
{
|
|
28599
|
+
"name": "W3C Reference",
|
|
28600
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-orientation"
|
|
28601
|
+
},
|
|
28602
|
+
{
|
|
28603
|
+
"name": "MDN Reference",
|
|
28604
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/orientation"
|
|
28605
|
+
}
|
|
28606
|
+
],
|
|
28607
|
+
"type": "discrete",
|
|
28608
|
+
"syntax": "portrait | landscape",
|
|
28609
|
+
"values": [
|
|
28610
|
+
{
|
|
28611
|
+
"name": "portrait",
|
|
28612
|
+
"description": "The orientation media feature is portrait when the value of the height media feature is greater than or equal to the value of the width media feature.",
|
|
28613
|
+
"references": [
|
|
28614
|
+
{
|
|
28615
|
+
"name": "W3C Reference",
|
|
28616
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-orientation-portrait"
|
|
28617
|
+
}
|
|
28618
|
+
]
|
|
28619
|
+
},
|
|
28620
|
+
{
|
|
28621
|
+
"name": "landscape",
|
|
28622
|
+
"description": "Otherwise orientation is landscape.",
|
|
28623
|
+
"references": [
|
|
28624
|
+
{
|
|
28625
|
+
"name": "W3C Reference",
|
|
28626
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-orientation-landscape"
|
|
28627
|
+
}
|
|
28628
|
+
]
|
|
28629
|
+
}
|
|
28630
|
+
],
|
|
28631
|
+
"description": "The orientation CSS media feature can be used to test the orientation of the viewport (or the page box, for paged media).",
|
|
28632
|
+
"browsers": [
|
|
28633
|
+
"E12",
|
|
28634
|
+
"FF2",
|
|
28635
|
+
"FFA4",
|
|
28636
|
+
"S5",
|
|
28637
|
+
"SM4.2",
|
|
28638
|
+
"C3",
|
|
28639
|
+
"CA18",
|
|
28640
|
+
"IE9",
|
|
28641
|
+
"O10.6"
|
|
28642
|
+
],
|
|
28643
|
+
"baseline": {
|
|
28644
|
+
"status": "high",
|
|
28645
|
+
"baseline_low_date": "2015-07-29",
|
|
28646
|
+
"baseline_high_date": "2018-01-29"
|
|
28647
|
+
}
|
|
28648
|
+
},
|
|
28649
|
+
{
|
|
28650
|
+
"name": "overflow-block",
|
|
28651
|
+
"references": [
|
|
28652
|
+
{
|
|
28653
|
+
"name": "W3C Reference",
|
|
28654
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-overflow-block"
|
|
28655
|
+
},
|
|
28656
|
+
{
|
|
28657
|
+
"name": "MDN Reference",
|
|
28658
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/overflow-block"
|
|
28659
|
+
}
|
|
28660
|
+
],
|
|
28661
|
+
"type": "discrete",
|
|
28662
|
+
"syntax": "none | scroll | paged",
|
|
28663
|
+
"values": [
|
|
28664
|
+
{
|
|
28665
|
+
"name": "none",
|
|
28666
|
+
"description": "There is no affordance for overflow in the block axis; any overflowing content is simply not displayed. Examples: billboards",
|
|
28667
|
+
"references": [
|
|
28668
|
+
{
|
|
28669
|
+
"name": "W3C Reference",
|
|
28670
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-block-none"
|
|
28671
|
+
}
|
|
28672
|
+
]
|
|
28673
|
+
},
|
|
28674
|
+
{
|
|
28675
|
+
"name": "scroll",
|
|
28676
|
+
"description": "Overflowing content in the block axis is exposed by allowing users to scroll to it. Examples: computer screens",
|
|
28677
|
+
"references": [
|
|
28678
|
+
{
|
|
28679
|
+
"name": "W3C Reference",
|
|
28680
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-block-scroll"
|
|
28681
|
+
}
|
|
28682
|
+
]
|
|
28683
|
+
},
|
|
28684
|
+
{
|
|
28685
|
+
"name": "paged",
|
|
28686
|
+
"description": "Content is broken up into discrete pages; content that overflows one page in the block axis is displayed on the following page. Examples: printers, ebook readers",
|
|
28687
|
+
"references": [
|
|
28688
|
+
{
|
|
28689
|
+
"name": "W3C Reference",
|
|
28690
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-block-paged"
|
|
28691
|
+
}
|
|
28692
|
+
]
|
|
28693
|
+
}
|
|
28694
|
+
],
|
|
28695
|
+
"description": "The overflow-block CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the block axis.",
|
|
28696
|
+
"browsers": [
|
|
28697
|
+
"E113",
|
|
28698
|
+
"FF66",
|
|
28699
|
+
"FFA66",
|
|
28700
|
+
"S17",
|
|
28701
|
+
"SM17",
|
|
28702
|
+
"C113",
|
|
28703
|
+
"CA113",
|
|
28704
|
+
"O99"
|
|
28705
|
+
],
|
|
28706
|
+
"baseline": {
|
|
28707
|
+
"status": "low",
|
|
28708
|
+
"baseline_low_date": "2023-09-18"
|
|
28709
|
+
}
|
|
28710
|
+
},
|
|
28711
|
+
{
|
|
28712
|
+
"name": "overflow-inline",
|
|
28713
|
+
"references": [
|
|
28714
|
+
{
|
|
28715
|
+
"name": "W3C Reference",
|
|
28716
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-overflow-inline"
|
|
28717
|
+
},
|
|
28718
|
+
{
|
|
28719
|
+
"name": "MDN Reference",
|
|
28720
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/overflow-inline"
|
|
28721
|
+
}
|
|
28722
|
+
],
|
|
28723
|
+
"type": "discrete",
|
|
28724
|
+
"syntax": "none | scroll",
|
|
28725
|
+
"values": [
|
|
28726
|
+
{
|
|
28727
|
+
"name": "none",
|
|
28728
|
+
"description": "There is no affordance for overflow in the inline axis; any overflowing content is simply not displayed.",
|
|
28729
|
+
"references": [
|
|
28730
|
+
{
|
|
28731
|
+
"name": "W3C Reference",
|
|
28732
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-inline-none"
|
|
28733
|
+
}
|
|
28734
|
+
]
|
|
28735
|
+
},
|
|
28736
|
+
{
|
|
28737
|
+
"name": "scroll",
|
|
28738
|
+
"description": "Overflowing content in the inline axis is exposed by allowing users to scroll to it.",
|
|
28739
|
+
"references": [
|
|
28740
|
+
{
|
|
28741
|
+
"name": "W3C Reference",
|
|
28742
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-overflow-inline-scroll"
|
|
28743
|
+
}
|
|
28744
|
+
]
|
|
28745
|
+
}
|
|
28746
|
+
],
|
|
28747
|
+
"description": "The overflow-inline CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the inline axis.",
|
|
28748
|
+
"browsers": [
|
|
28749
|
+
"E113",
|
|
28750
|
+
"FF66",
|
|
28751
|
+
"FFA66",
|
|
28752
|
+
"S17",
|
|
28753
|
+
"SM17",
|
|
28754
|
+
"C113",
|
|
28755
|
+
"CA113",
|
|
28756
|
+
"O99"
|
|
28757
|
+
],
|
|
28758
|
+
"baseline": {
|
|
28759
|
+
"status": "low",
|
|
28760
|
+
"baseline_low_date": "2023-09-18"
|
|
28761
|
+
}
|
|
28762
|
+
},
|
|
28763
|
+
{
|
|
28764
|
+
"name": "horizontal-viewport-segments",
|
|
28765
|
+
"references": [
|
|
28766
|
+
{
|
|
28767
|
+
"name": "W3C Reference",
|
|
28768
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-horizontal-viewport-segments"
|
|
28769
|
+
}
|
|
28770
|
+
],
|
|
28771
|
+
"type": "range",
|
|
28772
|
+
"syntax": "<integer>",
|
|
28773
|
+
"description": ""
|
|
28774
|
+
},
|
|
28775
|
+
{
|
|
28776
|
+
"name": "vertical-viewport-segments",
|
|
28777
|
+
"references": [
|
|
28778
|
+
{
|
|
28779
|
+
"name": "W3C Reference",
|
|
28780
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-vertical-viewport-segments"
|
|
28781
|
+
}
|
|
28782
|
+
],
|
|
28783
|
+
"type": "range",
|
|
28784
|
+
"syntax": "<integer>",
|
|
28785
|
+
"description": ""
|
|
28786
|
+
},
|
|
28787
|
+
{
|
|
28788
|
+
"name": "display-mode",
|
|
28789
|
+
"references": [
|
|
28790
|
+
{
|
|
28791
|
+
"name": "W3C Reference",
|
|
28792
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-display-mode"
|
|
28793
|
+
},
|
|
28794
|
+
{
|
|
28795
|
+
"name": "MDN Reference",
|
|
28796
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/display-mode"
|
|
28797
|
+
}
|
|
28798
|
+
],
|
|
28799
|
+
"type": "discrete",
|
|
28800
|
+
"syntax": "fullscreen | standalone | minimal-ui | browser | picture-in-picture",
|
|
28801
|
+
"values": [
|
|
28802
|
+
{
|
|
28803
|
+
"name": "fullscreen",
|
|
28804
|
+
"description": "The browsing context is displayed with browser UI elements hidden and takes up the entirety of the available display area. The fullscreen context may have been caused by the fullscreen display mode in the application manifest, by the requestFullscreen() method of the Fullscreen API, or through some other means (such as the user manually activating fullscreen mode using the user agent’s built-in controls). Corresponds to the fullscreen display mode.",
|
|
28805
|
+
"references": [
|
|
28806
|
+
{
|
|
28807
|
+
"name": "W3C Reference",
|
|
28808
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-fullscreen"
|
|
28809
|
+
}
|
|
28810
|
+
]
|
|
28811
|
+
},
|
|
28812
|
+
{
|
|
28813
|
+
"name": "standalone",
|
|
28814
|
+
"description": "The standalone display mode is in use. Only applicable in an application context.",
|
|
28815
|
+
"references": [
|
|
28816
|
+
{
|
|
28817
|
+
"name": "W3C Reference",
|
|
28818
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-standalone"
|
|
28819
|
+
}
|
|
28820
|
+
]
|
|
28821
|
+
},
|
|
28822
|
+
{
|
|
28823
|
+
"name": "minimal-ui",
|
|
28824
|
+
"description": "The minimal-ui display mode is in use. Only applicable in an application context.",
|
|
28825
|
+
"references": [
|
|
28826
|
+
{
|
|
28827
|
+
"name": "W3C Reference",
|
|
28828
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-minimal-ui"
|
|
28829
|
+
}
|
|
28830
|
+
]
|
|
28831
|
+
},
|
|
28832
|
+
{
|
|
28833
|
+
"name": "browser",
|
|
28834
|
+
"description": "The browsing context is displayed using the platform-specific convention for opening hyperlinks in the user agent (e.g., in a browser tab or web browser window with controls such as an address bar). This should be used for non-application contexts where no other display mode is appropriate. Corresponds to the browser display mode.",
|
|
28835
|
+
"references": [
|
|
28836
|
+
{
|
|
28837
|
+
"name": "W3C Reference",
|
|
28838
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-browser"
|
|
28839
|
+
}
|
|
28840
|
+
]
|
|
28841
|
+
},
|
|
28842
|
+
{
|
|
28843
|
+
"name": "picture-in-picture",
|
|
28844
|
+
"description": "This mode allows users to continue consuming media while they interact with other sites or applications on their device. The browsing context is displayed in a floating and always-on-top window. A user agent may include other platform specific UI elements, such as \"back-to-tab\" and \"site information\" buttons or whatever is customary on the platform and user agent.",
|
|
28845
|
+
"references": [
|
|
28846
|
+
{
|
|
28847
|
+
"name": "W3C Reference",
|
|
28848
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-picture-in-picture"
|
|
28849
|
+
}
|
|
28850
|
+
]
|
|
28851
|
+
}
|
|
28852
|
+
],
|
|
28853
|
+
"description": "The display-mode CSS media feature can be used to test whether a web app is being displayed in a normal browser tab or in some alternative way, such as a standalone app or fullscreen mode.",
|
|
28854
|
+
"browsers": [
|
|
28855
|
+
"E79",
|
|
28856
|
+
"FF47",
|
|
28857
|
+
"S13",
|
|
28858
|
+
"SM12.2",
|
|
28859
|
+
"C42",
|
|
28860
|
+
"CA42",
|
|
28861
|
+
"O29"
|
|
28862
|
+
],
|
|
28863
|
+
"baseline": {
|
|
28864
|
+
"status": "false"
|
|
28865
|
+
}
|
|
28866
|
+
},
|
|
28867
|
+
{
|
|
28868
|
+
"name": "resolution",
|
|
28869
|
+
"references": [
|
|
28870
|
+
{
|
|
28871
|
+
"name": "W3C Reference",
|
|
28872
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-resolution"
|
|
28873
|
+
},
|
|
28874
|
+
{
|
|
28875
|
+
"name": "MDN Reference",
|
|
28876
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/resolution"
|
|
28877
|
+
}
|
|
28878
|
+
],
|
|
28879
|
+
"type": "range",
|
|
28880
|
+
"syntax": "<resolution> | infinite",
|
|
28881
|
+
"values": [
|
|
28882
|
+
{
|
|
28883
|
+
"name": "infinite",
|
|
28884
|
+
"description": "For output mediums that have no physical constraints on resolution (such as outputting to vector graphics), this feature must match the infinite value. For the purpose of evaluating this media feature in the range context, infinite must be treated as larger than any possible <resolution>. (That is, a query like (resolution > 1000dpi) will be true for an infinite media.)",
|
|
28885
|
+
"references": [
|
|
28886
|
+
{
|
|
28887
|
+
"name": "W3C Reference",
|
|
28888
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-resolution-infinite"
|
|
28889
|
+
}
|
|
28890
|
+
]
|
|
28891
|
+
}
|
|
28892
|
+
],
|
|
28893
|
+
"description": "The resolution CSS media feature can be used to test the pixel density of the output device.",
|
|
28894
|
+
"browsers": [
|
|
28895
|
+
"E12",
|
|
28896
|
+
"FF8",
|
|
28897
|
+
"FFA8",
|
|
28898
|
+
"S16",
|
|
28899
|
+
"SM16",
|
|
28900
|
+
"C29",
|
|
28901
|
+
"CA29",
|
|
28902
|
+
"IE9",
|
|
28903
|
+
"O16"
|
|
28904
|
+
],
|
|
28905
|
+
"baseline": {
|
|
28906
|
+
"status": "high",
|
|
28907
|
+
"baseline_low_date": "2022-09-12",
|
|
28908
|
+
"baseline_high_date": "2025-03-12"
|
|
28909
|
+
}
|
|
28910
|
+
},
|
|
28911
|
+
{
|
|
28912
|
+
"name": "scan",
|
|
28913
|
+
"references": [
|
|
28914
|
+
{
|
|
28915
|
+
"name": "W3C Reference",
|
|
28916
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-scan"
|
|
28917
|
+
}
|
|
28918
|
+
],
|
|
28919
|
+
"type": "discrete",
|
|
28920
|
+
"syntax": "interlace | progressive",
|
|
28921
|
+
"values": [
|
|
28922
|
+
{
|
|
28923
|
+
"name": "interlace",
|
|
28924
|
+
"description": "CRT and some types of plasma TV screens used “interlaced” rendering, where video frames alternated between specifying only the “even” lines on the screen and only the “odd” lines, exploiting various automatic mental image-correction abilities to produce smooth motion. This allowed them to simulate a higher FPS broadcast at half the bandwidth cost. When displaying on interlaced screens, authors should avoid very fast movement across the screen to avoid “combing”, and should ensure that details on the screen are wider than 1px to avoid “twitter”.",
|
|
28925
|
+
"references": [
|
|
28926
|
+
{
|
|
28927
|
+
"name": "W3C Reference",
|
|
28928
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scan-interlace"
|
|
28929
|
+
}
|
|
28930
|
+
]
|
|
28931
|
+
},
|
|
28932
|
+
{
|
|
28933
|
+
"name": "progressive",
|
|
28934
|
+
"description": "A screen using “progressive” rendering displays each screen fully, and needs no special treatment. Most modern screens, and all computer screens, use progressive rendering.",
|
|
28935
|
+
"references": [
|
|
28936
|
+
{
|
|
28937
|
+
"name": "W3C Reference",
|
|
28938
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scan-progressive"
|
|
28939
|
+
}
|
|
28940
|
+
]
|
|
28941
|
+
}
|
|
28942
|
+
],
|
|
28943
|
+
"description": "The scan CSS media feature is used to apply CSS styles based on the scanning process of the output device."
|
|
28944
|
+
},
|
|
28945
|
+
{
|
|
28946
|
+
"name": "grid",
|
|
28947
|
+
"references": [
|
|
28948
|
+
{
|
|
28949
|
+
"name": "W3C Reference",
|
|
28950
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-grid"
|
|
28951
|
+
},
|
|
28952
|
+
{
|
|
28953
|
+
"name": "MDN Reference",
|
|
28954
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/grid"
|
|
28955
|
+
}
|
|
28956
|
+
],
|
|
28957
|
+
"type": "discrete",
|
|
28958
|
+
"syntax": "<mq-boolean>",
|
|
28959
|
+
"description": "The grid CSS media feature can be used to test whether the output device uses a grid-based screen.",
|
|
28960
|
+
"browsers": [
|
|
28961
|
+
"E12",
|
|
28962
|
+
"FF2",
|
|
28963
|
+
"FFA4",
|
|
28964
|
+
"S3",
|
|
28965
|
+
"SM1",
|
|
28966
|
+
"C1",
|
|
28967
|
+
"CA18",
|
|
28968
|
+
"IE10",
|
|
28969
|
+
"O10"
|
|
28970
|
+
],
|
|
28971
|
+
"baseline": {
|
|
28972
|
+
"status": "high",
|
|
28973
|
+
"baseline_low_date": "2015-07-29",
|
|
28974
|
+
"baseline_high_date": "2018-01-29"
|
|
28975
|
+
}
|
|
28976
|
+
},
|
|
28977
|
+
{
|
|
28978
|
+
"name": "update",
|
|
28979
|
+
"references": [
|
|
28980
|
+
{
|
|
28981
|
+
"name": "W3C Reference",
|
|
28982
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-update"
|
|
28983
|
+
},
|
|
28984
|
+
{
|
|
28985
|
+
"name": "MDN Reference",
|
|
28986
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/update"
|
|
28987
|
+
}
|
|
28988
|
+
],
|
|
28989
|
+
"type": "discrete",
|
|
28990
|
+
"syntax": "none | slow | fast",
|
|
28991
|
+
"values": [
|
|
28992
|
+
{
|
|
28993
|
+
"name": "none",
|
|
28994
|
+
"description": "Once it has been rendered, the layout can no longer be updated. Example: documents printed on paper.",
|
|
28995
|
+
"references": [
|
|
28996
|
+
{
|
|
28997
|
+
"name": "W3C Reference",
|
|
28998
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-update-none"
|
|
28999
|
+
}
|
|
29000
|
+
]
|
|
29001
|
+
},
|
|
29002
|
+
{
|
|
29003
|
+
"name": "slow",
|
|
29004
|
+
"description": "The layout may change dynamically according to the usual rules of CSS, but the output device is not able to render or display changes quickly enough for them to be perceived as a smooth animation. Example: E-ink screens or severely under-powered devices.",
|
|
29005
|
+
"references": [
|
|
29006
|
+
{
|
|
29007
|
+
"name": "W3C Reference",
|
|
29008
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-update-slow"
|
|
29009
|
+
}
|
|
29010
|
+
]
|
|
29011
|
+
},
|
|
29012
|
+
{
|
|
29013
|
+
"name": "fast",
|
|
29014
|
+
"description": "The layout may change dynamically according to the usual rules of CSS, and the output device is not unusually constrained in speed, so regularly-updating things like CSS Animations can be used. Example: computer screens.",
|
|
29015
|
+
"references": [
|
|
29016
|
+
{
|
|
29017
|
+
"name": "W3C Reference",
|
|
29018
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-update-fast"
|
|
29019
|
+
}
|
|
29020
|
+
]
|
|
29021
|
+
}
|
|
29022
|
+
],
|
|
29023
|
+
"description": "The update CSS media feature can be used to test how frequently (if at all) the output device is able to modify the appearance of content once rendered.",
|
|
29024
|
+
"browsers": [
|
|
29025
|
+
"E113",
|
|
29026
|
+
"FF102",
|
|
29027
|
+
"FFA102",
|
|
29028
|
+
"S17",
|
|
29029
|
+
"SM17",
|
|
29030
|
+
"C113",
|
|
29031
|
+
"CA113",
|
|
29032
|
+
"O99"
|
|
29033
|
+
],
|
|
29034
|
+
"baseline": {
|
|
29035
|
+
"status": "low",
|
|
29036
|
+
"baseline_low_date": "2023-09-18"
|
|
29037
|
+
}
|
|
29038
|
+
},
|
|
29039
|
+
{
|
|
29040
|
+
"name": "environment-blending",
|
|
29041
|
+
"references": [
|
|
29042
|
+
{
|
|
29043
|
+
"name": "W3C Reference",
|
|
29044
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-environment-blending"
|
|
29045
|
+
}
|
|
29046
|
+
],
|
|
29047
|
+
"type": "discrete",
|
|
29048
|
+
"syntax": "opaque | additive | subtractive",
|
|
29049
|
+
"values": [
|
|
29050
|
+
{
|
|
29051
|
+
"name": "opaque",
|
|
29052
|
+
"description": "The document is rendered on an opaque medium, such as a traditional monitor or paper. Black is dark and white is 100% light.",
|
|
29053
|
+
"references": [
|
|
29054
|
+
{
|
|
29055
|
+
"name": "W3C Reference",
|
|
29056
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-environment-blending-opaque"
|
|
29057
|
+
}
|
|
29058
|
+
]
|
|
29059
|
+
},
|
|
29060
|
+
{
|
|
29061
|
+
"name": "additive",
|
|
29062
|
+
"description": "The display blends the colors of the canvas with the real world using additive mixing. Black is fully transparent and white is 100% light. For example: a head-up display in a car.",
|
|
29063
|
+
"references": [
|
|
29064
|
+
{
|
|
29065
|
+
"name": "W3C Reference",
|
|
29066
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-environment-blending-additive"
|
|
29067
|
+
}
|
|
29068
|
+
]
|
|
29069
|
+
},
|
|
29070
|
+
{
|
|
29071
|
+
"name": "subtractive",
|
|
29072
|
+
"description": "The display blends the colors of the canvas with the real world using subtractive mixing. White is fully transparent and dark colors have the most contrast. For example: an LCD display embedded in a bathroom mirror.",
|
|
29073
|
+
"references": [
|
|
29074
|
+
{
|
|
29075
|
+
"name": "W3C Reference",
|
|
29076
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-environment-blending-subtractive"
|
|
29077
|
+
}
|
|
29078
|
+
]
|
|
29079
|
+
}
|
|
29080
|
+
],
|
|
29081
|
+
"description": ""
|
|
29082
|
+
},
|
|
29083
|
+
{
|
|
29084
|
+
"name": "color",
|
|
29085
|
+
"references": [
|
|
29086
|
+
{
|
|
29087
|
+
"name": "W3C Reference",
|
|
29088
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color"
|
|
29089
|
+
},
|
|
29090
|
+
{
|
|
29091
|
+
"name": "MDN Reference",
|
|
29092
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/color"
|
|
29093
|
+
}
|
|
29094
|
+
],
|
|
29095
|
+
"type": "range",
|
|
29096
|
+
"syntax": "<integer>",
|
|
29097
|
+
"description": "The color CSS media feature can be used to test the number of bits per color component (red, green, blue) of the output device.",
|
|
29098
|
+
"browsers": [
|
|
29099
|
+
"E12",
|
|
29100
|
+
"FF2",
|
|
29101
|
+
"FFA4",
|
|
29102
|
+
"S3",
|
|
29103
|
+
"SM1",
|
|
29104
|
+
"C1",
|
|
29105
|
+
"CA18",
|
|
29106
|
+
"IE9",
|
|
29107
|
+
"O10"
|
|
29108
|
+
],
|
|
29109
|
+
"baseline": {
|
|
29110
|
+
"status": "high",
|
|
29111
|
+
"baseline_low_date": "2015-07-29",
|
|
29112
|
+
"baseline_high_date": "2018-01-29"
|
|
29113
|
+
}
|
|
29114
|
+
},
|
|
29115
|
+
{
|
|
29116
|
+
"name": "color-index",
|
|
29117
|
+
"references": [
|
|
29118
|
+
{
|
|
29119
|
+
"name": "W3C Reference",
|
|
29120
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color-index"
|
|
29121
|
+
},
|
|
29122
|
+
{
|
|
29123
|
+
"name": "MDN Reference",
|
|
29124
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/color-index"
|
|
29125
|
+
}
|
|
29126
|
+
],
|
|
29127
|
+
"type": "range",
|
|
29128
|
+
"syntax": "<integer>",
|
|
29129
|
+
"description": "The color-index CSS media feature can be used to test the number of entries in the output device's color lookup table.",
|
|
29130
|
+
"browsers": [
|
|
29131
|
+
"E79",
|
|
29132
|
+
"S8",
|
|
29133
|
+
"SM8",
|
|
29134
|
+
"C29",
|
|
29135
|
+
"CA29",
|
|
29136
|
+
"O16"
|
|
29137
|
+
],
|
|
29138
|
+
"baseline": {
|
|
29139
|
+
"status": "false"
|
|
29140
|
+
}
|
|
29141
|
+
},
|
|
29142
|
+
{
|
|
29143
|
+
"name": "monochrome",
|
|
29144
|
+
"references": [
|
|
29145
|
+
{
|
|
29146
|
+
"name": "W3C Reference",
|
|
29147
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-monochrome"
|
|
29148
|
+
},
|
|
29149
|
+
{
|
|
29150
|
+
"name": "MDN Reference",
|
|
29151
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/monochrome"
|
|
29152
|
+
}
|
|
29153
|
+
],
|
|
29154
|
+
"type": "range",
|
|
29155
|
+
"syntax": "<integer>",
|
|
29156
|
+
"description": "The monochrome CSS media feature can be used to test the number of bits per pixel in the monochrome frame buffer of the output device.",
|
|
29157
|
+
"browsers": [
|
|
29158
|
+
"E79",
|
|
29159
|
+
"FF2",
|
|
29160
|
+
"FFA4",
|
|
29161
|
+
"S3",
|
|
29162
|
+
"SM1",
|
|
29163
|
+
"C1",
|
|
29164
|
+
"CA18",
|
|
29165
|
+
"O10"
|
|
29166
|
+
],
|
|
29167
|
+
"baseline": {
|
|
29168
|
+
"status": "high",
|
|
29169
|
+
"baseline_low_date": "2020-01-15",
|
|
29170
|
+
"baseline_high_date": "2022-07-15"
|
|
29171
|
+
}
|
|
29172
|
+
},
|
|
29173
|
+
{
|
|
29174
|
+
"name": "color-gamut",
|
|
29175
|
+
"references": [
|
|
29176
|
+
{
|
|
29177
|
+
"name": "W3C Reference",
|
|
29178
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-color-gamut"
|
|
29179
|
+
},
|
|
29180
|
+
{
|
|
29181
|
+
"name": "MDN Reference",
|
|
29182
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/color-gamut"
|
|
29183
|
+
}
|
|
29184
|
+
],
|
|
29185
|
+
"type": "discrete",
|
|
29186
|
+
"syntax": "srgb | p3 | rec2020",
|
|
29187
|
+
"values": [
|
|
29188
|
+
{
|
|
29189
|
+
"name": "srgb",
|
|
29190
|
+
"description": "The UA and output device can support approximately the sRGB gamut or more.",
|
|
29191
|
+
"references": [
|
|
29192
|
+
{
|
|
29193
|
+
"name": "W3C Reference",
|
|
29194
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-color-gamut-srgb"
|
|
29195
|
+
}
|
|
29196
|
+
]
|
|
29197
|
+
},
|
|
29198
|
+
{
|
|
29199
|
+
"name": "p3",
|
|
29200
|
+
"description": "The UA and output device can support approximately the gamut specified by the Display P3 [Display-P3] Color Space or more.",
|
|
29201
|
+
"references": [
|
|
29202
|
+
{
|
|
29203
|
+
"name": "W3C Reference",
|
|
29204
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-color-gamut-p3"
|
|
29205
|
+
}
|
|
29206
|
+
]
|
|
29207
|
+
},
|
|
29208
|
+
{
|
|
29209
|
+
"name": "rec2020",
|
|
29210
|
+
"description": "The UA and output device can support approximately the gamut specified by the ITU-R Recommendation BT.2020 Color Space or more.",
|
|
29211
|
+
"references": [
|
|
29212
|
+
{
|
|
29213
|
+
"name": "W3C Reference",
|
|
29214
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-color-gamut-rec2020"
|
|
29215
|
+
}
|
|
29216
|
+
]
|
|
29217
|
+
}
|
|
29218
|
+
],
|
|
29219
|
+
"description": "The color-gamut CSS media feature is used to apply CSS styles based on the approximate range of color gamut supported by the user agent and the output device.",
|
|
29220
|
+
"browsers": [
|
|
29221
|
+
"E79",
|
|
29222
|
+
"FF110",
|
|
29223
|
+
"FFA110",
|
|
29224
|
+
"S10",
|
|
29225
|
+
"SM10",
|
|
29226
|
+
"C58",
|
|
29227
|
+
"CA58",
|
|
29228
|
+
"O45"
|
|
29229
|
+
],
|
|
29230
|
+
"baseline": {
|
|
29231
|
+
"status": "low",
|
|
29232
|
+
"baseline_low_date": "2023-02-14"
|
|
29233
|
+
}
|
|
29234
|
+
},
|
|
29235
|
+
{
|
|
29236
|
+
"name": "dynamic-range",
|
|
29237
|
+
"references": [
|
|
29238
|
+
{
|
|
29239
|
+
"name": "W3C Reference",
|
|
29240
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-dynamic-range"
|
|
29241
|
+
},
|
|
29242
|
+
{
|
|
29243
|
+
"name": "MDN Reference",
|
|
29244
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/dynamic-range"
|
|
29245
|
+
}
|
|
29246
|
+
],
|
|
29247
|
+
"type": "discrete",
|
|
29248
|
+
"syntax": "standard | high",
|
|
29249
|
+
"values": [
|
|
29250
|
+
{
|
|
29251
|
+
"name": "high",
|
|
29252
|
+
"description": "The user agent and the output device fulfill all of the following criteria: they support a high peak brightness they support a high contrast ratio the color depth is greater than 24 bit or 8 bit per color component of RGB",
|
|
29253
|
+
"references": [
|
|
29254
|
+
{
|
|
29255
|
+
"name": "W3C Reference",
|
|
29256
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-dynamic-range-high"
|
|
29257
|
+
}
|
|
29258
|
+
]
|
|
29259
|
+
},
|
|
29260
|
+
{
|
|
29261
|
+
"name": "standard",
|
|
29262
|
+
"description": "This value matches on any visual device, and not on devices lacking visual capabilities.",
|
|
29263
|
+
"references": [
|
|
29264
|
+
{
|
|
29265
|
+
"name": "W3C Reference",
|
|
29266
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-dynamic-range-standard"
|
|
29267
|
+
}
|
|
29268
|
+
]
|
|
29269
|
+
}
|
|
29270
|
+
],
|
|
29271
|
+
"description": "The dynamic-range CSS media feature can be used to test the combination of brightness, contrast ratio, and color depth that are supported by the user agent and the output device.",
|
|
29272
|
+
"browsers": [
|
|
29273
|
+
"E98",
|
|
29274
|
+
"FF100",
|
|
29275
|
+
"FFA100",
|
|
29276
|
+
"S13.1",
|
|
29277
|
+
"SM13.4",
|
|
29278
|
+
"C98",
|
|
29279
|
+
"CA98",
|
|
29280
|
+
"O84"
|
|
29281
|
+
],
|
|
29282
|
+
"baseline": {
|
|
29283
|
+
"status": "high",
|
|
29284
|
+
"baseline_low_date": "2022-05-03",
|
|
29285
|
+
"baseline_high_date": "2024-11-03"
|
|
29286
|
+
}
|
|
29287
|
+
},
|
|
29288
|
+
{
|
|
29289
|
+
"name": "inverted-colors",
|
|
29290
|
+
"references": [
|
|
29291
|
+
{
|
|
29292
|
+
"name": "W3C Reference",
|
|
29293
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-inverted-colors"
|
|
29294
|
+
},
|
|
29295
|
+
{
|
|
29296
|
+
"name": "MDN Reference",
|
|
29297
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/inverted-colors"
|
|
29298
|
+
}
|
|
29299
|
+
],
|
|
29300
|
+
"type": "discrete",
|
|
29301
|
+
"syntax": "none | inverted",
|
|
29302
|
+
"values": [
|
|
29303
|
+
{
|
|
29304
|
+
"name": "none",
|
|
29305
|
+
"description": "Colors are displayed normally.",
|
|
29306
|
+
"references": [
|
|
29307
|
+
{
|
|
29308
|
+
"name": "W3C Reference",
|
|
29309
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-inverted-colors-none"
|
|
29310
|
+
}
|
|
29311
|
+
]
|
|
29312
|
+
},
|
|
29313
|
+
{
|
|
29314
|
+
"name": "inverted",
|
|
29315
|
+
"description": "All pixels within the displayed area have been inverted. This value must not match if the user agent has done some kind of content aware inversion such as one that preserves the images.",
|
|
29316
|
+
"references": [
|
|
29317
|
+
{
|
|
29318
|
+
"name": "W3C Reference",
|
|
29319
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-inverted-colors-inverted"
|
|
29320
|
+
}
|
|
29321
|
+
]
|
|
29322
|
+
}
|
|
29323
|
+
],
|
|
29324
|
+
"description": "The inverted-colors CSS media feature is used to test if the user agent or the underlying operating system has inverted all colors.",
|
|
29325
|
+
"browsers": [
|
|
29326
|
+
"S9.1",
|
|
29327
|
+
"SM10"
|
|
29328
|
+
],
|
|
29329
|
+
"baseline": {
|
|
29330
|
+
"status": "false"
|
|
29331
|
+
}
|
|
29332
|
+
},
|
|
29333
|
+
{
|
|
29334
|
+
"name": "pointer",
|
|
29335
|
+
"references": [
|
|
29336
|
+
{
|
|
29337
|
+
"name": "W3C Reference",
|
|
29338
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-pointer"
|
|
29339
|
+
},
|
|
29340
|
+
{
|
|
29341
|
+
"name": "MDN Reference",
|
|
29342
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/pointer"
|
|
29343
|
+
}
|
|
29344
|
+
],
|
|
29345
|
+
"type": "discrete",
|
|
29346
|
+
"syntax": "none | coarse | fine",
|
|
29347
|
+
"values": [
|
|
29348
|
+
{
|
|
29349
|
+
"name": "none",
|
|
29350
|
+
"description": "The primary input mechanism of the device does not include a pointing device.",
|
|
29351
|
+
"references": [
|
|
29352
|
+
{
|
|
29353
|
+
"name": "W3C Reference",
|
|
29354
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-pointer-none"
|
|
29355
|
+
}
|
|
29356
|
+
]
|
|
29357
|
+
},
|
|
29358
|
+
{
|
|
29359
|
+
"name": "coarse",
|
|
29360
|
+
"description": "The primary input mechanism of the device includes a pointing device of limited accuracy. Examples include touchscreens and motion-detection sensors (like the Kinect peripheral for the Xbox.)",
|
|
29361
|
+
"references": [
|
|
29362
|
+
{
|
|
29363
|
+
"name": "W3C Reference",
|
|
29364
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-pointer-coarse"
|
|
29365
|
+
}
|
|
29366
|
+
]
|
|
29367
|
+
},
|
|
29368
|
+
{
|
|
29369
|
+
"name": "fine",
|
|
29370
|
+
"description": "The primary input mechanism of the device includes an accurate pointing device. Examples include mice, touchpads, and drawing styluses.",
|
|
29371
|
+
"references": [
|
|
29372
|
+
{
|
|
29373
|
+
"name": "W3C Reference",
|
|
29374
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-pointer-fine"
|
|
29375
|
+
}
|
|
29376
|
+
]
|
|
29377
|
+
}
|
|
29378
|
+
],
|
|
29379
|
+
"description": "The pointer CSS media feature tests whether the user has a pointing device (such as a mouse), and if so, how accurate the primary pointing device is.",
|
|
29380
|
+
"browsers": [
|
|
29381
|
+
"E12",
|
|
29382
|
+
"FF64",
|
|
29383
|
+
"FFA64",
|
|
29384
|
+
"S9",
|
|
29385
|
+
"SM9",
|
|
29386
|
+
"C41",
|
|
29387
|
+
"CA50",
|
|
29388
|
+
"O28"
|
|
29389
|
+
],
|
|
29390
|
+
"baseline": {
|
|
29391
|
+
"status": "high",
|
|
29392
|
+
"baseline_low_date": "2018-12-11",
|
|
29393
|
+
"baseline_high_date": "2021-06-11"
|
|
29394
|
+
}
|
|
29395
|
+
},
|
|
29396
|
+
{
|
|
29397
|
+
"name": "hover",
|
|
29398
|
+
"references": [
|
|
29399
|
+
{
|
|
29400
|
+
"name": "W3C Reference",
|
|
29401
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-hover"
|
|
29402
|
+
},
|
|
29403
|
+
{
|
|
29404
|
+
"name": "MDN Reference",
|
|
29405
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/hover"
|
|
29406
|
+
}
|
|
29407
|
+
],
|
|
29408
|
+
"type": "discrete",
|
|
29409
|
+
"syntax": "none | hover",
|
|
29410
|
+
"values": [
|
|
29411
|
+
{
|
|
29412
|
+
"name": "none",
|
|
29413
|
+
"description": "Indicates that the primary pointing device can’t hover, or that there is no pointing device. Examples include touchscreens and screens that use a basic drawing stylus. Pointing devices that can hover, but for which doing so is inconvenient and not part of the normal way they are used, also match this value. For example, a touchscreen where a long press is treated as hovering would match hover: none.",
|
|
29414
|
+
"references": [
|
|
29415
|
+
{
|
|
29416
|
+
"name": "W3C Reference",
|
|
29417
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-hover-none"
|
|
29418
|
+
}
|
|
29419
|
+
]
|
|
29420
|
+
},
|
|
29421
|
+
{
|
|
29422
|
+
"name": "hover",
|
|
29423
|
+
"description": "Indicates that the primary pointing device can easily hover over parts of the page. Examples include mice and devices that physically point at the screen, like the Nintendo Wii controller.",
|
|
29424
|
+
"references": [
|
|
29425
|
+
{
|
|
29426
|
+
"name": "W3C Reference",
|
|
29427
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-hover-hover"
|
|
29428
|
+
}
|
|
29429
|
+
]
|
|
29430
|
+
}
|
|
29431
|
+
],
|
|
29432
|
+
"description": "The hover CSS media feature can be used to test whether the user's primary input mechanism can hover over elements.",
|
|
29433
|
+
"browsers": [
|
|
29434
|
+
"E12",
|
|
29435
|
+
"FF64",
|
|
29436
|
+
"FFA64",
|
|
29437
|
+
"S9",
|
|
29438
|
+
"SM9",
|
|
29439
|
+
"C38",
|
|
29440
|
+
"CA50",
|
|
29441
|
+
"O25"
|
|
29442
|
+
],
|
|
29443
|
+
"baseline": {
|
|
29444
|
+
"status": "high",
|
|
29445
|
+
"baseline_low_date": "2018-12-11",
|
|
29446
|
+
"baseline_high_date": "2021-06-11"
|
|
29447
|
+
}
|
|
29448
|
+
},
|
|
29449
|
+
{
|
|
29450
|
+
"name": "any-pointer",
|
|
29451
|
+
"references": [
|
|
29452
|
+
{
|
|
29453
|
+
"name": "W3C Reference",
|
|
29454
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-any-pointer"
|
|
29455
|
+
},
|
|
29456
|
+
{
|
|
29457
|
+
"name": "MDN Reference",
|
|
29458
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/any-pointer"
|
|
29459
|
+
}
|
|
29460
|
+
],
|
|
29461
|
+
"type": "discrete",
|
|
29462
|
+
"syntax": "none | coarse | fine",
|
|
29463
|
+
"description": "The any-pointer CSS media feature tests whether the user has any pointing device (such as a mouse), and if so, how accurate it is.",
|
|
29464
|
+
"browsers": [
|
|
29465
|
+
"E12",
|
|
29466
|
+
"FF64",
|
|
29467
|
+
"FFA64",
|
|
29468
|
+
"S9",
|
|
29469
|
+
"SM9",
|
|
29470
|
+
"C41",
|
|
29471
|
+
"CA41",
|
|
29472
|
+
"O28"
|
|
29473
|
+
],
|
|
29474
|
+
"baseline": {
|
|
29475
|
+
"status": "high",
|
|
29476
|
+
"baseline_low_date": "2018-12-11",
|
|
29477
|
+
"baseline_high_date": "2021-06-11"
|
|
29478
|
+
}
|
|
29479
|
+
},
|
|
29480
|
+
{
|
|
29481
|
+
"name": "any-hover",
|
|
29482
|
+
"references": [
|
|
29483
|
+
{
|
|
29484
|
+
"name": "W3C Reference",
|
|
29485
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-any-hover"
|
|
29486
|
+
},
|
|
29487
|
+
{
|
|
29488
|
+
"name": "MDN Reference",
|
|
29489
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/any-hover"
|
|
29490
|
+
}
|
|
29491
|
+
],
|
|
29492
|
+
"type": "discrete",
|
|
29493
|
+
"syntax": "none | hover",
|
|
29494
|
+
"description": "The any-hover CSS media feature can be used to test whether any available input mechanism can hover over elements.",
|
|
29495
|
+
"browsers": [
|
|
29496
|
+
"E16",
|
|
29497
|
+
"FF64",
|
|
29498
|
+
"FFA64",
|
|
29499
|
+
"S9",
|
|
29500
|
+
"SM9",
|
|
29501
|
+
"C41",
|
|
29502
|
+
"CA41",
|
|
29503
|
+
"O28"
|
|
29504
|
+
],
|
|
29505
|
+
"baseline": {
|
|
29506
|
+
"status": "high",
|
|
29507
|
+
"baseline_low_date": "2018-12-11",
|
|
29508
|
+
"baseline_high_date": "2021-06-11"
|
|
29509
|
+
}
|
|
29510
|
+
},
|
|
29511
|
+
{
|
|
29512
|
+
"name": "nav-controls",
|
|
29513
|
+
"references": [
|
|
29514
|
+
{
|
|
29515
|
+
"name": "W3C Reference",
|
|
29516
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-nav-controls"
|
|
29517
|
+
}
|
|
29518
|
+
],
|
|
29519
|
+
"type": "discrete",
|
|
29520
|
+
"syntax": "none | back",
|
|
29521
|
+
"values": [
|
|
29522
|
+
{
|
|
29523
|
+
"name": "none",
|
|
29524
|
+
"description": "The user agent does not have any obviously discoverable navigation controls, and in particular none that cause the user agent to move back one page in the joint session history.",
|
|
29525
|
+
"references": [
|
|
29526
|
+
{
|
|
29527
|
+
"name": "W3C Reference",
|
|
29528
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-nav-controls-none"
|
|
29529
|
+
}
|
|
29530
|
+
]
|
|
29531
|
+
},
|
|
29532
|
+
{
|
|
29533
|
+
"name": "back",
|
|
29534
|
+
"description": "The user agent provides navigation controls, including at least an obviously discoverable control causing the user agent to move back one page in the joint session history (typically, a “back” button).",
|
|
29535
|
+
"references": [
|
|
29536
|
+
{
|
|
29537
|
+
"name": "W3C Reference",
|
|
29538
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-nav-controls-back"
|
|
29539
|
+
}
|
|
29540
|
+
]
|
|
29541
|
+
}
|
|
29542
|
+
],
|
|
29543
|
+
"description": ""
|
|
29544
|
+
},
|
|
29545
|
+
{
|
|
29546
|
+
"name": "video-color-gamut",
|
|
29547
|
+
"references": [
|
|
29548
|
+
{
|
|
29549
|
+
"name": "W3C Reference",
|
|
29550
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-video-color-gamut"
|
|
29551
|
+
}
|
|
29552
|
+
],
|
|
29553
|
+
"type": "discrete",
|
|
29554
|
+
"syntax": "srgb | p3 | rec2020",
|
|
29555
|
+
"description": ""
|
|
29556
|
+
},
|
|
29557
|
+
{
|
|
29558
|
+
"name": "video-dynamic-range",
|
|
29559
|
+
"references": [
|
|
29560
|
+
{
|
|
29561
|
+
"name": "W3C Reference",
|
|
29562
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-video-dynamic-range"
|
|
29563
|
+
},
|
|
29564
|
+
{
|
|
29565
|
+
"name": "MDN Reference",
|
|
29566
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/video-dynamic-range"
|
|
29567
|
+
}
|
|
29568
|
+
],
|
|
29569
|
+
"type": "discrete",
|
|
29570
|
+
"syntax": "standard | high",
|
|
29571
|
+
"description": "The video-dynamic-range CSS media feature can be used to test the combination of brightness, contrast ratio, and color depth that are supported by the video plane of the user agent and the output device.",
|
|
29572
|
+
"browsers": [
|
|
29573
|
+
"FF100",
|
|
29574
|
+
"FFA100",
|
|
29575
|
+
"O84"
|
|
29576
|
+
],
|
|
29577
|
+
"baseline": {
|
|
29578
|
+
"status": "false"
|
|
29579
|
+
}
|
|
29580
|
+
},
|
|
29581
|
+
{
|
|
29582
|
+
"name": "scripting",
|
|
29583
|
+
"references": [
|
|
29584
|
+
{
|
|
29585
|
+
"name": "W3C Reference",
|
|
29586
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-scripting"
|
|
29587
|
+
},
|
|
29588
|
+
{
|
|
29589
|
+
"name": "MDN Reference",
|
|
29590
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/scripting"
|
|
29591
|
+
}
|
|
29592
|
+
],
|
|
29593
|
+
"type": "discrete",
|
|
29594
|
+
"syntax": "none | initial-only | enabled",
|
|
29595
|
+
"values": [
|
|
29596
|
+
{
|
|
29597
|
+
"name": "enabled",
|
|
29598
|
+
"description": "Indicates that the user agent supports scripting of the page, and that scripting in the current document is enabled for the lifetime of the document.",
|
|
29599
|
+
"references": [
|
|
29600
|
+
{
|
|
29601
|
+
"name": "W3C Reference",
|
|
29602
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scripting-enabled"
|
|
29603
|
+
}
|
|
29604
|
+
]
|
|
29605
|
+
},
|
|
29606
|
+
{
|
|
29607
|
+
"name": "initial-only",
|
|
29608
|
+
"description": "Indicates that the user agent supports scripting of the page, and that scripting in the current document is enabled during the initial page load, but is not supported afterwards. Examples are printed pages, or pre-rendering network proxies that render a page on a server and send a nearly-static version of the page to the user. Should there be an explicit minimum threshold to meet before a UA is allowed to claim initial-only? Having one would mean authors would know what they can depend on, and could tailor their scripts accordingly. On the other hand, pinpointing that threshold is difficult: if it is set too low, the scripting facilities that authors can depend on may be to constrained to be practical, even though actual UAs may potentially all support significantly more. But trying to set it higher may cause us to exclude UAs that do support scripting at loading time, but restrict it in some cases based on complex heuristics. For instance, conservative definitions likely include at least running all inline scripts and firing the DOMContentLoaded event. But it does not seem useful for authors to constrain themselves to this if most (or maybe all) initial-only UAs also load external scripts (including async and defer) and fire the load event. On the other hand, requiring external scripts to be loaded and the load event to be fired could exclude UAs like Opera mini, which typically do run them, but may decide not to based on timeouts and other heuristics. [Issue #503]",
|
|
29609
|
+
"references": [
|
|
29610
|
+
{
|
|
29611
|
+
"name": "W3C Reference",
|
|
29612
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scripting-initial-only"
|
|
29613
|
+
}
|
|
29614
|
+
]
|
|
29615
|
+
},
|
|
29616
|
+
{
|
|
29617
|
+
"name": "none",
|
|
29618
|
+
"description": "Indicates that the user agent will not run scripts for this document; either it doesn’t support a scripting language, or the support isn’t active for the current document.",
|
|
29619
|
+
"references": [
|
|
29620
|
+
{
|
|
29621
|
+
"name": "W3C Reference",
|
|
29622
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-scripting-none"
|
|
29623
|
+
}
|
|
29624
|
+
]
|
|
29625
|
+
}
|
|
29626
|
+
],
|
|
29627
|
+
"description": "The scripting CSS media feature can be used to test whether scripting (such as JavaScript) is available.",
|
|
29628
|
+
"browsers": [
|
|
29629
|
+
"E120",
|
|
29630
|
+
"FF113",
|
|
29631
|
+
"FFA113",
|
|
29632
|
+
"S17",
|
|
29633
|
+
"SM17",
|
|
29634
|
+
"C120",
|
|
29635
|
+
"CA120",
|
|
29636
|
+
"O106"
|
|
29637
|
+
],
|
|
29638
|
+
"baseline": {
|
|
29639
|
+
"status": "low",
|
|
29640
|
+
"baseline_low_date": "2023-12-07"
|
|
29641
|
+
}
|
|
29642
|
+
},
|
|
29643
|
+
{
|
|
29644
|
+
"name": "prefers-reduced-motion",
|
|
29645
|
+
"references": [
|
|
29646
|
+
{
|
|
29647
|
+
"name": "W3C Reference",
|
|
29648
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-motion"
|
|
29649
|
+
},
|
|
29650
|
+
{
|
|
29651
|
+
"name": "MDN Reference",
|
|
29652
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-motion"
|
|
29653
|
+
}
|
|
29654
|
+
],
|
|
29655
|
+
"type": "discrete",
|
|
29656
|
+
"syntax": "no-preference | reduce",
|
|
29657
|
+
"values": [
|
|
29658
|
+
{
|
|
29659
|
+
"name": "no-preference",
|
|
29660
|
+
"description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.",
|
|
29661
|
+
"references": [
|
|
29662
|
+
{
|
|
29663
|
+
"name": "W3C Reference",
|
|
29664
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-motion-no-preference"
|
|
29665
|
+
}
|
|
29666
|
+
]
|
|
29667
|
+
},
|
|
29668
|
+
{
|
|
29669
|
+
"name": "reduce",
|
|
29670
|
+
"description": "Indicates that user has notified the system that they prefer an interface that removes or replaces the types of motion-based animation that either trigger discomfort for those with vestibular motion sensitivity, or distraction for those with attention deficits.",
|
|
29671
|
+
"references": [
|
|
29672
|
+
{
|
|
29673
|
+
"name": "W3C Reference",
|
|
29674
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-motion-reduce"
|
|
29675
|
+
}
|
|
29676
|
+
]
|
|
29677
|
+
}
|
|
29678
|
+
],
|
|
29679
|
+
"description": "The prefers-reduced-motion CSS media feature is used to detect if a user has enabled a setting on their device to minimize the amount of non-essential motion. The setting is used to convey to the browser on the device that the user prefers an interface that removes, reduces, or replaces motion-based animations.",
|
|
29680
|
+
"browsers": [
|
|
29681
|
+
"E79",
|
|
29682
|
+
"FF63",
|
|
29683
|
+
"FFA64",
|
|
29684
|
+
"S10.1",
|
|
29685
|
+
"SM10.3",
|
|
29686
|
+
"C74",
|
|
29687
|
+
"CA74",
|
|
29688
|
+
"O62"
|
|
29689
|
+
],
|
|
29690
|
+
"baseline": {
|
|
29691
|
+
"status": "high",
|
|
29692
|
+
"baseline_low_date": "2020-01-15",
|
|
29693
|
+
"baseline_high_date": "2022-07-15"
|
|
29694
|
+
}
|
|
29695
|
+
},
|
|
29696
|
+
{
|
|
29697
|
+
"name": "prefers-reduced-transparency",
|
|
29698
|
+
"references": [
|
|
29699
|
+
{
|
|
29700
|
+
"name": "W3C Reference",
|
|
29701
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-transparency"
|
|
29702
|
+
},
|
|
29703
|
+
{
|
|
29704
|
+
"name": "MDN Reference",
|
|
29705
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-transparency"
|
|
29706
|
+
}
|
|
29707
|
+
],
|
|
29708
|
+
"type": "discrete",
|
|
29709
|
+
"syntax": "no-preference | reduce",
|
|
29710
|
+
"values": [
|
|
29711
|
+
{
|
|
29712
|
+
"name": "no-preference",
|
|
29713
|
+
"description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.",
|
|
29714
|
+
"references": [
|
|
29715
|
+
{
|
|
29716
|
+
"name": "W3C Reference",
|
|
29717
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-transparency-no-preference"
|
|
29718
|
+
}
|
|
29719
|
+
]
|
|
29720
|
+
},
|
|
29721
|
+
{
|
|
29722
|
+
"name": "reduce",
|
|
29723
|
+
"description": "Indicates that user has notified the system that they prefer an interface that minimizes the amount of transparent or translucent layer effects.",
|
|
29724
|
+
"references": [
|
|
29725
|
+
{
|
|
29726
|
+
"name": "W3C Reference",
|
|
29727
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-transparency-reduce"
|
|
29728
|
+
}
|
|
29729
|
+
]
|
|
29730
|
+
}
|
|
29731
|
+
],
|
|
29732
|
+
"description": "The prefers-reduced-transparency CSS media feature is used to detect if a user has enabled a setting on their device to reduce the transparent or translucent layer effects used on the device. Switching on such a setting can help improve contrast and readability for some users.",
|
|
29733
|
+
"status": "experimental",
|
|
29734
|
+
"browsers": [
|
|
29735
|
+
"E118",
|
|
29736
|
+
"C118",
|
|
29737
|
+
"CA118",
|
|
29738
|
+
"O104"
|
|
29739
|
+
],
|
|
29740
|
+
"baseline": {
|
|
29741
|
+
"status": "false"
|
|
29742
|
+
}
|
|
29743
|
+
},
|
|
29744
|
+
{
|
|
29745
|
+
"name": "prefers-contrast",
|
|
29746
|
+
"references": [
|
|
29747
|
+
{
|
|
29748
|
+
"name": "W3C Reference",
|
|
29749
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-contrast"
|
|
29750
|
+
},
|
|
29751
|
+
{
|
|
29752
|
+
"name": "MDN Reference",
|
|
29753
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-contrast"
|
|
29754
|
+
}
|
|
29755
|
+
],
|
|
29756
|
+
"type": "discrete",
|
|
29757
|
+
"syntax": "no-preference | less | more | custom",
|
|
29758
|
+
"values": [
|
|
29759
|
+
{
|
|
29760
|
+
"name": "no-preference",
|
|
29761
|
+
"description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.",
|
|
29762
|
+
"references": [
|
|
29763
|
+
{
|
|
29764
|
+
"name": "W3C Reference",
|
|
29765
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-no-preference"
|
|
29766
|
+
}
|
|
29767
|
+
]
|
|
29768
|
+
},
|
|
29769
|
+
{
|
|
29770
|
+
"name": "less",
|
|
29771
|
+
"description": "Indicates that user has notified the system that they prefer an interface that has a lower level of contrast.",
|
|
29772
|
+
"references": [
|
|
29773
|
+
{
|
|
29774
|
+
"name": "W3C Reference",
|
|
29775
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-less"
|
|
29776
|
+
}
|
|
29777
|
+
]
|
|
29778
|
+
},
|
|
29779
|
+
{
|
|
29780
|
+
"name": "more",
|
|
29781
|
+
"description": "Indicates that user has notified the system that they prefer an interface that has a higher level of contrast.",
|
|
29782
|
+
"references": [
|
|
29783
|
+
{
|
|
29784
|
+
"name": "W3C Reference",
|
|
29785
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-more"
|
|
29786
|
+
}
|
|
29787
|
+
]
|
|
29788
|
+
},
|
|
29789
|
+
{
|
|
29790
|
+
"name": "custom",
|
|
29791
|
+
"description": "Indicates that the user has indicated wanting a specific set of colors to be used, but the contrast implied by these particular colors is such that neither more nor less match. A user calling for cyan text over a rust background is not—at least in terms of luminosity—expressing a need for particularly high or low contrast, but this is not a lack of a preference either.",
|
|
29792
|
+
"references": [
|
|
29793
|
+
{
|
|
29794
|
+
"name": "W3C Reference",
|
|
29795
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-contrast-custom"
|
|
29796
|
+
}
|
|
29797
|
+
]
|
|
29798
|
+
}
|
|
29799
|
+
],
|
|
29800
|
+
"description": "The prefers-contrast CSS media feature is used to detect whether the user has requested the web content to be presented with a lower or higher contrast.",
|
|
29801
|
+
"browsers": [
|
|
29802
|
+
"E96",
|
|
29803
|
+
"FF101",
|
|
29804
|
+
"FFA101",
|
|
29805
|
+
"S14.1",
|
|
29806
|
+
"SM14.5",
|
|
29807
|
+
"C96",
|
|
29808
|
+
"CA96",
|
|
29809
|
+
"O82"
|
|
29810
|
+
],
|
|
29811
|
+
"baseline": {
|
|
29812
|
+
"status": "high",
|
|
29813
|
+
"baseline_low_date": "2022-05-31",
|
|
29814
|
+
"baseline_high_date": "2024-11-30"
|
|
29815
|
+
}
|
|
29816
|
+
},
|
|
29817
|
+
{
|
|
29818
|
+
"name": "forced-colors",
|
|
29819
|
+
"references": [
|
|
29820
|
+
{
|
|
29821
|
+
"name": "W3C Reference",
|
|
29822
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-forced-colors"
|
|
29823
|
+
},
|
|
29824
|
+
{
|
|
29825
|
+
"name": "MDN Reference",
|
|
29826
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/forced-colors"
|
|
29827
|
+
}
|
|
29828
|
+
],
|
|
29829
|
+
"type": "discrete",
|
|
29830
|
+
"syntax": "none | active",
|
|
29831
|
+
"values": [
|
|
29832
|
+
{
|
|
29833
|
+
"name": "active",
|
|
29834
|
+
"description": "Indicates that forced colors mode is active: the user agent enforces a user-chosen limited color palette on the page, The UA will provide the color palette to authors through the CSS system color keywords. See CSS Color Adjustment 1 § 3 Forced Color Palettes for details. This does not necessarily indicate a preference for more contrast. The colors have been forcibly adjusted to match the preference of the user, but that preference can be for less or more contrast, or some other arrangement that is neither particularly low or high contrast. In addition to forced-colors: active, the user agent must also match one of prefers-contrast: more or prefers-contrast: less if it can determine that the forced color palette chosen by the user has a particularly high or low contrast, and must make prefers-contrast: custom match otherwise. Similarly, if the forced color palette chosen by the user fits within one of the color schemes described by prefers-color-scheme, the corresponding value must also match.",
|
|
29835
|
+
"references": [
|
|
29836
|
+
{
|
|
29837
|
+
"name": "W3C Reference",
|
|
29838
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-forced-colors-active"
|
|
29839
|
+
}
|
|
29840
|
+
]
|
|
29841
|
+
},
|
|
29842
|
+
{
|
|
29843
|
+
"name": "none",
|
|
29844
|
+
"description": "Forced colors mode is not active.",
|
|
29845
|
+
"references": [
|
|
29846
|
+
{
|
|
29847
|
+
"name": "W3C Reference",
|
|
29848
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-forced-colors-none"
|
|
29849
|
+
}
|
|
29850
|
+
]
|
|
29851
|
+
}
|
|
29852
|
+
],
|
|
29853
|
+
"description": "The forced-colors CSS media feature is used to detect if the user agent has enabled a forced colors mode where it enforces a user-chosen limited color palette on the page. An example of a forced colors mode is Windows High Contrast mode.",
|
|
29854
|
+
"browsers": [
|
|
29855
|
+
"E79",
|
|
29856
|
+
"FF89",
|
|
29857
|
+
"FFA89",
|
|
29858
|
+
"S16",
|
|
29859
|
+
"SM16",
|
|
29860
|
+
"C89",
|
|
29861
|
+
"CA89",
|
|
29862
|
+
"O75"
|
|
29863
|
+
],
|
|
29864
|
+
"baseline": {
|
|
29865
|
+
"status": "high",
|
|
29866
|
+
"baseline_low_date": "2022-09-12",
|
|
29867
|
+
"baseline_high_date": "2025-03-12"
|
|
29868
|
+
}
|
|
29869
|
+
},
|
|
29870
|
+
{
|
|
29871
|
+
"name": "prefers-color-scheme",
|
|
29872
|
+
"references": [
|
|
29873
|
+
{
|
|
29874
|
+
"name": "W3C Reference",
|
|
29875
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-color-scheme"
|
|
29876
|
+
},
|
|
29877
|
+
{
|
|
29878
|
+
"name": "MDN Reference",
|
|
29879
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme"
|
|
29880
|
+
}
|
|
29881
|
+
],
|
|
29882
|
+
"type": "discrete",
|
|
29883
|
+
"syntax": "light | dark",
|
|
29884
|
+
"values": [
|
|
29885
|
+
{
|
|
29886
|
+
"name": "light",
|
|
29887
|
+
"description": "Indicates that user has expressed the preference for a page that has a light theme (dark text on light background), or has not expressed an active preference (and thus should receive the \"web default\" of a light theme).",
|
|
29888
|
+
"references": [
|
|
29889
|
+
{
|
|
29890
|
+
"name": "W3C Reference",
|
|
29891
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-color-scheme-light"
|
|
29892
|
+
}
|
|
29893
|
+
]
|
|
29894
|
+
},
|
|
29895
|
+
{
|
|
29896
|
+
"name": "dark",
|
|
29897
|
+
"description": "Indicates that user has expressed the preference for a page that has a dark theme (light text on dark background).",
|
|
29898
|
+
"references": [
|
|
29899
|
+
{
|
|
29900
|
+
"name": "W3C Reference",
|
|
29901
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-color-scheme-dark"
|
|
29902
|
+
}
|
|
29903
|
+
]
|
|
29904
|
+
}
|
|
29905
|
+
],
|
|
29906
|
+
"description": "The prefers-color-scheme CSS media feature is used to detect if a user has requested light or dark color themes.",
|
|
29907
|
+
"browsers": [
|
|
29908
|
+
"E79",
|
|
29909
|
+
"FF67",
|
|
29910
|
+
"FFA67",
|
|
29911
|
+
"S12.1",
|
|
29912
|
+
"SM13",
|
|
29913
|
+
"C76",
|
|
29914
|
+
"CA76",
|
|
29915
|
+
"O62"
|
|
29916
|
+
],
|
|
29917
|
+
"baseline": {
|
|
29918
|
+
"status": "high",
|
|
29919
|
+
"baseline_low_date": "2020-01-15",
|
|
29920
|
+
"baseline_high_date": "2022-07-15"
|
|
29921
|
+
}
|
|
29922
|
+
},
|
|
29923
|
+
{
|
|
29924
|
+
"name": "prefers-reduced-data",
|
|
29925
|
+
"references": [
|
|
29926
|
+
{
|
|
29927
|
+
"name": "W3C Reference",
|
|
29928
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-reduced-data"
|
|
29929
|
+
},
|
|
29930
|
+
{
|
|
29931
|
+
"name": "MDN Reference",
|
|
29932
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-data"
|
|
29933
|
+
}
|
|
29934
|
+
],
|
|
29935
|
+
"type": "discrete",
|
|
29936
|
+
"syntax": "no-preference | reduce",
|
|
29937
|
+
"values": [
|
|
29938
|
+
{
|
|
29939
|
+
"name": "no-preference",
|
|
29940
|
+
"description": "Indicates that the user has made no preference known to the system. This keyword value evaluates as false in the boolean context.",
|
|
29941
|
+
"references": [
|
|
29942
|
+
{
|
|
29943
|
+
"name": "W3C Reference",
|
|
29944
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-data-no-preference"
|
|
29945
|
+
}
|
|
29946
|
+
]
|
|
29947
|
+
},
|
|
29948
|
+
{
|
|
29949
|
+
"name": "reduce",
|
|
29950
|
+
"description": "Indicates that user has expressed the preference for lightweight alternate content.",
|
|
29951
|
+
"references": [
|
|
29952
|
+
{
|
|
29953
|
+
"name": "W3C Reference",
|
|
29954
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-prefers-reduced-data-reduce"
|
|
29955
|
+
}
|
|
29956
|
+
]
|
|
29957
|
+
}
|
|
29958
|
+
],
|
|
29959
|
+
"description": "The prefers-reduced-data CSS media feature is used to detect if the user has requested the web content that consumes less internet traffic.",
|
|
29960
|
+
"status": "experimental",
|
|
29961
|
+
"browsers": [
|
|
29962
|
+
"O71"
|
|
29963
|
+
],
|
|
29964
|
+
"baseline": {
|
|
29965
|
+
"status": "false"
|
|
29966
|
+
}
|
|
29967
|
+
},
|
|
29968
|
+
{
|
|
29969
|
+
"name": "device-width",
|
|
29970
|
+
"references": [
|
|
29971
|
+
{
|
|
29972
|
+
"name": "W3C Reference",
|
|
29973
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-width"
|
|
29974
|
+
},
|
|
29975
|
+
{
|
|
29976
|
+
"name": "MDN Reference",
|
|
29977
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/device-width"
|
|
29978
|
+
}
|
|
29979
|
+
],
|
|
29980
|
+
"type": "range",
|
|
29981
|
+
"syntax": "<length>",
|
|
29982
|
+
"description": "The device-width CSS media feature can be used to test the width of an output device's rendering surface.",
|
|
29983
|
+
"status": "obsolete",
|
|
29984
|
+
"browsers": [
|
|
29985
|
+
"E12",
|
|
29986
|
+
"FF2",
|
|
29987
|
+
"FFA4",
|
|
29988
|
+
"S3",
|
|
29989
|
+
"SM1",
|
|
29990
|
+
"C1",
|
|
29991
|
+
"CA18",
|
|
29992
|
+
"IE9",
|
|
29993
|
+
"O10"
|
|
29994
|
+
],
|
|
29995
|
+
"baseline": {
|
|
29996
|
+
"status": "false"
|
|
29997
|
+
}
|
|
29998
|
+
},
|
|
29999
|
+
{
|
|
30000
|
+
"name": "device-height",
|
|
30001
|
+
"references": [
|
|
30002
|
+
{
|
|
30003
|
+
"name": "W3C Reference",
|
|
30004
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-height"
|
|
30005
|
+
},
|
|
30006
|
+
{
|
|
30007
|
+
"name": "MDN Reference",
|
|
30008
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/device-height"
|
|
30009
|
+
}
|
|
30010
|
+
],
|
|
30011
|
+
"type": "range",
|
|
30012
|
+
"syntax": "<length>",
|
|
30013
|
+
"description": "The device-height CSS media feature can be used to test the height of an output device's rendering surface.",
|
|
30014
|
+
"status": "obsolete",
|
|
30015
|
+
"browsers": [
|
|
30016
|
+
"E12",
|
|
30017
|
+
"FF2",
|
|
30018
|
+
"FFA4",
|
|
30019
|
+
"S3",
|
|
30020
|
+
"SM1",
|
|
30021
|
+
"C1",
|
|
30022
|
+
"CA18",
|
|
30023
|
+
"IE9",
|
|
30024
|
+
"O10"
|
|
30025
|
+
],
|
|
30026
|
+
"baseline": {
|
|
30027
|
+
"status": "false"
|
|
30028
|
+
}
|
|
30029
|
+
},
|
|
30030
|
+
{
|
|
30031
|
+
"name": "device-aspect-ratio",
|
|
30032
|
+
"references": [
|
|
30033
|
+
{
|
|
30034
|
+
"name": "W3C Reference",
|
|
30035
|
+
"url": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-device-aspect-ratio"
|
|
30036
|
+
},
|
|
30037
|
+
{
|
|
30038
|
+
"name": "MDN Reference",
|
|
30039
|
+
"url": "https://developer.mozilla.org/docs/Web/CSS/@media/device-aspect-ratio"
|
|
30040
|
+
}
|
|
30041
|
+
],
|
|
30042
|
+
"type": "range",
|
|
30043
|
+
"syntax": "<ratio>",
|
|
30044
|
+
"description": "The device-aspect-ratio CSS media feature can be used to test the width-to-height aspect ratio of an output device.",
|
|
30045
|
+
"status": "obsolete",
|
|
30046
|
+
"browsers": [
|
|
30047
|
+
"E12",
|
|
30048
|
+
"FF2",
|
|
30049
|
+
"FFA4",
|
|
30050
|
+
"S3",
|
|
30051
|
+
"SM1",
|
|
30052
|
+
"C1",
|
|
30053
|
+
"CA18",
|
|
30054
|
+
"IE9",
|
|
30055
|
+
"O10"
|
|
30056
|
+
],
|
|
30057
|
+
"baseline": {
|
|
30058
|
+
"status": "false"
|
|
30059
|
+
}
|
|
30060
|
+
}
|
|
30061
|
+
],
|
|
28502
30062
|
"references": [
|
|
28503
30063
|
{
|
|
28504
30064
|
"name": "MDN Reference",
|
|
@@ -28658,6 +30218,7 @@
|
|
|
28658
30218
|
},
|
|
28659
30219
|
{
|
|
28660
30220
|
"name": "@container",
|
|
30221
|
+
"description": "The @container CSS at-rule is a conditional group rule that applies styles to a containment context.",
|
|
28661
30222
|
"browsers": [
|
|
28662
30223
|
"E105",
|
|
28663
30224
|
"FF110",
|
|
@@ -28677,11 +30238,11 @@
|
|
|
28677
30238
|
"baseline": {
|
|
28678
30239
|
"status": "low",
|
|
28679
30240
|
"baseline_low_date": "2023-02-14"
|
|
28680
|
-
}
|
|
28681
|
-
"description": "The @container CSS at-rule is a conditional group rule that applies styles to a containment context."
|
|
30241
|
+
}
|
|
28682
30242
|
},
|
|
28683
30243
|
{
|
|
28684
30244
|
"name": "@document",
|
|
30245
|
+
"description": "The @document CSS at-rule restricts the style rules contained within it based on the URL of the document. It is designed primarily for user-defined style sheets (see userchrome.org for more information), though it can be used on author-defined style sheets, too.",
|
|
28685
30246
|
"references": [
|
|
28686
30247
|
{
|
|
28687
30248
|
"name": "MDN Reference",
|
|
@@ -28690,11 +30251,11 @@
|
|
|
28690
30251
|
],
|
|
28691
30252
|
"baseline": {
|
|
28692
30253
|
"status": "false"
|
|
28693
|
-
}
|
|
28694
|
-
"description": "The @document CSS at-rule restricts the style rules contained within it based on the URL of the document. It is designed primarily for user-defined style sheets (see userchrome.org for more information), though it can be used on author-defined style sheets, too."
|
|
30254
|
+
}
|
|
28695
30255
|
},
|
|
28696
30256
|
{
|
|
28697
30257
|
"name": "@font-palette-values",
|
|
30258
|
+
"description": "The @font-palette-values CSS at-rule allows you to customize the default values of font-palette created by the font-maker.",
|
|
28698
30259
|
"browsers": [
|
|
28699
30260
|
"E101",
|
|
28700
30261
|
"FF107",
|
|
@@ -28712,13 +30273,14 @@
|
|
|
28712
30273
|
}
|
|
28713
30274
|
],
|
|
28714
30275
|
"baseline": {
|
|
28715
|
-
"status": "
|
|
28716
|
-
"baseline_low_date": "2022-11-15"
|
|
28717
|
-
|
|
28718
|
-
|
|
30276
|
+
"status": "high",
|
|
30277
|
+
"baseline_low_date": "2022-11-15",
|
|
30278
|
+
"baseline_high_date": "2025-05-15"
|
|
30279
|
+
}
|
|
28719
30280
|
},
|
|
28720
30281
|
{
|
|
28721
30282
|
"name": "@position-try",
|
|
30283
|
+
"description": "The @position-try CSS at-rule is used to define a custom position try fallback option, which can be used to define positioning and alignment for anchor-positioned elements. One or more sets of position try fallback options can be applied to the anchored element via the position-try-fallbacks property or position-try shorthand. When the positioned element is moved to a position where it starts to overflow its containing block or the viewport, the browser will select the first position try fallback option it finds that places the positioned element fully back on-screen.",
|
|
28722
30284
|
"browsers": [
|
|
28723
30285
|
"E125",
|
|
28724
30286
|
"C125",
|
|
@@ -28733,11 +30295,11 @@
|
|
|
28733
30295
|
],
|
|
28734
30296
|
"baseline": {
|
|
28735
30297
|
"status": "false"
|
|
28736
|
-
}
|
|
28737
|
-
"description": "The @position-try CSS at-rule is used to define a custom position try fallback option, which can be used to define positioning and alignment for anchor-positioned elements. One or more sets of position try fallback options can be applied to the anchored element via the position-try-fallbacks property or position-try shorthand. When the positioned element is moved to a position where it starts to overflow its containing block or the viewport, the browser will select the first position try fallback option it finds that places the positioned element fully back on-screen."
|
|
30298
|
+
}
|
|
28738
30299
|
},
|
|
28739
30300
|
{
|
|
28740
30301
|
"name": "@scope",
|
|
30302
|
+
"description": "The @scope CSS at-rule enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling your selectors too tightly to the DOM structure.",
|
|
28741
30303
|
"browsers": [
|
|
28742
30304
|
"E118",
|
|
28743
30305
|
"S17.4",
|
|
@@ -28754,11 +30316,11 @@
|
|
|
28754
30316
|
],
|
|
28755
30317
|
"baseline": {
|
|
28756
30318
|
"status": "false"
|
|
28757
|
-
}
|
|
28758
|
-
"description": "The @scope CSS at-rule enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling your selectors too tightly to the DOM structure."
|
|
30319
|
+
}
|
|
28759
30320
|
},
|
|
28760
30321
|
{
|
|
28761
30322
|
"name": "@starting-style",
|
|
30323
|
+
"description": "The @starting-style CSS at-rule is used to define starting values for properties set on an element that you want to transition from when the element receives its first style update, i.e., when an element is first displayed on a previously loaded page.",
|
|
28762
30324
|
"browsers": [
|
|
28763
30325
|
"E117",
|
|
28764
30326
|
"FF129",
|
|
@@ -28778,11 +30340,11 @@
|
|
|
28778
30340
|
"baseline": {
|
|
28779
30341
|
"status": "low",
|
|
28780
30342
|
"baseline_low_date": "2024-08-06"
|
|
28781
|
-
}
|
|
28782
|
-
"description": "The @starting-style CSS at-rule is used to define starting values for properties set on an element that you want to transition from when the element receives its first style update, i.e., when an element is first displayed on a previously loaded page."
|
|
30343
|
+
}
|
|
28783
30344
|
},
|
|
28784
30345
|
{
|
|
28785
30346
|
"name": "@view-transition",
|
|
30347
|
+
"description": "The @view-transition CSS at-rule is used to opt in the current and destination documents to undergo a view transition, in the case of a cross-document navigation.",
|
|
28786
30348
|
"browsers": [
|
|
28787
30349
|
"E126",
|
|
28788
30350
|
"S18.2",
|
|
@@ -28799,8 +30361,7 @@
|
|
|
28799
30361
|
],
|
|
28800
30362
|
"baseline": {
|
|
28801
30363
|
"status": "false"
|
|
28802
|
-
}
|
|
28803
|
-
"description": "The @view-transition CSS at-rule is used to opt in the current and destination documents to undergo a view transition, in the case of a cross-document navigation."
|
|
30364
|
+
}
|
|
28804
30365
|
}
|
|
28805
30366
|
],
|
|
28806
30367
|
"pseudoClasses": [
|
|
@@ -30222,6 +31783,7 @@
|
|
|
30222
31783
|
},
|
|
30223
31784
|
{
|
|
30224
31785
|
"name": ":active-view-transition",
|
|
31786
|
+
"description": "",
|
|
30225
31787
|
"browsers": [
|
|
30226
31788
|
"E125",
|
|
30227
31789
|
"S18",
|
|
@@ -30232,11 +31794,11 @@
|
|
|
30232
31794
|
],
|
|
30233
31795
|
"baseline": {
|
|
30234
31796
|
"status": "false"
|
|
30235
|
-
}
|
|
30236
|
-
"description": ""
|
|
31797
|
+
}
|
|
30237
31798
|
},
|
|
30238
31799
|
{
|
|
30239
31800
|
"name": ":active-view-transition-type",
|
|
31801
|
+
"description": "",
|
|
30240
31802
|
"browsers": [
|
|
30241
31803
|
"E125",
|
|
30242
31804
|
"S18.2",
|
|
@@ -30247,11 +31809,11 @@
|
|
|
30247
31809
|
],
|
|
30248
31810
|
"baseline": {
|
|
30249
31811
|
"status": "false"
|
|
30250
|
-
}
|
|
30251
|
-
"description": ""
|
|
31812
|
+
}
|
|
30252
31813
|
},
|
|
30253
31814
|
{
|
|
30254
31815
|
"name": ":autofill",
|
|
31816
|
+
"description": "The :autofill CSS pseudo-class matches when an input element has its value autofilled by the browser. The class stops matching if the user edits the field.",
|
|
30255
31817
|
"browsers": [
|
|
30256
31818
|
"E110",
|
|
30257
31819
|
"FF86",
|
|
@@ -30271,16 +31833,16 @@
|
|
|
30271
31833
|
"baseline": {
|
|
30272
31834
|
"status": "low",
|
|
30273
31835
|
"baseline_low_date": "2023-02-09"
|
|
30274
|
-
}
|
|
30275
|
-
"description": "The :autofill CSS pseudo-class matches when an input element has its value autofilled by the browser. The class stops matching if the user edits the field."
|
|
31836
|
+
}
|
|
30276
31837
|
},
|
|
30277
31838
|
{
|
|
30278
31839
|
"name": ":blank",
|
|
30279
|
-
"
|
|
30280
|
-
"
|
|
31840
|
+
"description": "The :blank CSS pseudo-class selects empty user input elements (eg. <input> or <textarea>).",
|
|
31841
|
+
"status": "experimental"
|
|
30281
31842
|
},
|
|
30282
31843
|
{
|
|
30283
31844
|
"name": ":buffering",
|
|
31845
|
+
"description": "The :buffering CSS pseudo-class selector represents an element that is playable, such as audio or video, when the playable element is buffering a media resource.",
|
|
30284
31846
|
"browsers": [
|
|
30285
31847
|
"S15.4",
|
|
30286
31848
|
"SM15.4"
|
|
@@ -30293,16 +31855,16 @@
|
|
|
30293
31855
|
],
|
|
30294
31856
|
"baseline": {
|
|
30295
31857
|
"status": "false"
|
|
30296
|
-
}
|
|
30297
|
-
"description": "The :buffering CSS pseudo-class selector represents an element that is playable, such as audio or video, when the playable element is buffering a media resource."
|
|
31858
|
+
}
|
|
30298
31859
|
},
|
|
30299
31860
|
{
|
|
30300
31861
|
"name": ":current",
|
|
30301
|
-
"
|
|
30302
|
-
"
|
|
31862
|
+
"description": "The :current CSS pseudo-class selector is a time-dimensional pseudo-class that represents the element, or an ancestor of the element, that is currently being displayed",
|
|
31863
|
+
"status": "experimental"
|
|
30303
31864
|
},
|
|
30304
31865
|
{
|
|
30305
31866
|
"name": ":defined",
|
|
31867
|
+
"description": "The :defined CSS pseudo-class represents any element that has been defined. This includes any standard element built in to the browser, and custom elements that have been successfully defined (i.e. with the CustomElementRegistry.define() method).",
|
|
30306
31868
|
"browsers": [
|
|
30307
31869
|
"E79",
|
|
30308
31870
|
"FF63",
|
|
@@ -30323,11 +31885,11 @@
|
|
|
30323
31885
|
"status": "high",
|
|
30324
31886
|
"baseline_low_date": "2020-01-15",
|
|
30325
31887
|
"baseline_high_date": "2022-07-15"
|
|
30326
|
-
}
|
|
30327
|
-
"description": "The :defined CSS pseudo-class represents any element that has been defined. This includes any standard element built in to the browser, and custom elements that have been successfully defined (i.e. with the CustomElementRegistry.define() method)."
|
|
31888
|
+
}
|
|
30328
31889
|
},
|
|
30329
31890
|
{
|
|
30330
31891
|
"name": ":dir",
|
|
31892
|
+
"description": "The :dir() CSS pseudo-class matches elements based on the directionality of the text contained in them.",
|
|
30331
31893
|
"browsers": [
|
|
30332
31894
|
"E120",
|
|
30333
31895
|
"FF49",
|
|
@@ -30347,11 +31909,11 @@
|
|
|
30347
31909
|
"baseline": {
|
|
30348
31910
|
"status": "low",
|
|
30349
31911
|
"baseline_low_date": "2023-12-07"
|
|
30350
|
-
}
|
|
30351
|
-
"description": "The :dir() CSS pseudo-class matches elements based on the directionality of the text contained in them."
|
|
31912
|
+
}
|
|
30352
31913
|
},
|
|
30353
31914
|
{
|
|
30354
31915
|
"name": ":focus-visible",
|
|
31916
|
+
"description": "The :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the UA determines via heuristics that the focus should be made evident on the element.",
|
|
30355
31917
|
"browsers": [
|
|
30356
31918
|
"E86",
|
|
30357
31919
|
"FF85",
|
|
@@ -30372,11 +31934,11 @@
|
|
|
30372
31934
|
"status": "high",
|
|
30373
31935
|
"baseline_low_date": "2022-03-14",
|
|
30374
31936
|
"baseline_high_date": "2024-09-14"
|
|
30375
|
-
}
|
|
30376
|
-
"description": "The :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the UA determines via heuristics that the focus should be made evident on the element."
|
|
31937
|
+
}
|
|
30377
31938
|
},
|
|
30378
31939
|
{
|
|
30379
31940
|
"name": ":focus-within",
|
|
31941
|
+
"description": "The :focus-within pseudo-class applies to any element for which the :focus pseudo class applies as well as to an element whose descendant in the flat tree (including non-element nodes, such as text nodes) matches the conditions for matching :focus.",
|
|
30380
31942
|
"browsers": [
|
|
30381
31943
|
"E79",
|
|
30382
31944
|
"FF52",
|
|
@@ -30397,11 +31959,11 @@
|
|
|
30397
31959
|
"status": "high",
|
|
30398
31960
|
"baseline_low_date": "2020-01-15",
|
|
30399
31961
|
"baseline_high_date": "2022-07-15"
|
|
30400
|
-
}
|
|
30401
|
-
"description": "The :focus-within pseudo-class applies to any element for which the :focus pseudo class applies as well as to an element whose descendant in the flat tree (including non-element nodes, such as text nodes) matches the conditions for matching :focus."
|
|
31962
|
+
}
|
|
30402
31963
|
},
|
|
30403
31964
|
{
|
|
30404
31965
|
"name": ":has",
|
|
31966
|
+
"description": "The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. ",
|
|
30405
31967
|
"browsers": [
|
|
30406
31968
|
"E105",
|
|
30407
31969
|
"FF121",
|
|
@@ -30421,17 +31983,18 @@
|
|
|
30421
31983
|
"baseline": {
|
|
30422
31984
|
"status": "low",
|
|
30423
31985
|
"baseline_low_date": "2023-12-19"
|
|
30424
|
-
}
|
|
30425
|
-
"description": "The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. "
|
|
31986
|
+
}
|
|
30426
31987
|
},
|
|
30427
31988
|
{
|
|
30428
31989
|
"name": ":has-slotted",
|
|
31990
|
+
"description": "The :has-slotted CSS pseudo-class matches when the content of a slot element is not empty or not using the default value (see Using templates and slots for more information).",
|
|
30429
31991
|
"browsers": [
|
|
30430
31992
|
"E134",
|
|
30431
31993
|
"FF136",
|
|
30432
31994
|
"FFA136",
|
|
30433
31995
|
"C134",
|
|
30434
|
-
"CA134"
|
|
31996
|
+
"CA134",
|
|
31997
|
+
"O119"
|
|
30435
31998
|
],
|
|
30436
31999
|
"references": [
|
|
30437
32000
|
{
|
|
@@ -30441,11 +32004,11 @@
|
|
|
30441
32004
|
],
|
|
30442
32005
|
"baseline": {
|
|
30443
32006
|
"status": "false"
|
|
30444
|
-
}
|
|
30445
|
-
"description": "The :has-slotted CSS pseudo-class matches when the content of a slot element is not empty or not using the default value (see Using templates and slots for more information)."
|
|
32007
|
+
}
|
|
30446
32008
|
},
|
|
30447
32009
|
{
|
|
30448
32010
|
"name": ":is",
|
|
32011
|
+
"description": "The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list. This is useful for writing large selectors in a more compact form.",
|
|
30449
32012
|
"browsers": [
|
|
30450
32013
|
"E88",
|
|
30451
32014
|
"FF78",
|
|
@@ -30466,16 +32029,16 @@
|
|
|
30466
32029
|
"status": "high",
|
|
30467
32030
|
"baseline_low_date": "2021-01-21",
|
|
30468
32031
|
"baseline_high_date": "2023-07-21"
|
|
30469
|
-
}
|
|
30470
|
-
"description": "The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list. This is useful for writing large selectors in a more compact form."
|
|
32032
|
+
}
|
|
30471
32033
|
},
|
|
30472
32034
|
{
|
|
30473
32035
|
"name": ":local-link",
|
|
30474
|
-
"
|
|
30475
|
-
"
|
|
32036
|
+
"description": "The :local-link CSS pseudo-class represents an link to the same document",
|
|
32037
|
+
"status": "experimental"
|
|
30476
32038
|
},
|
|
30477
32039
|
{
|
|
30478
32040
|
"name": ":modal",
|
|
32041
|
+
"description": "The :modal CSS pseudo-class matches an element that is in a state in which it excludes all interaction with elements outside it until the interaction has been dismissed. Multiple elements can be selected by the :modal pseudo-class at the same time, but only one of them will be active and able to receive input.",
|
|
30479
32042
|
"browsers": [
|
|
30480
32043
|
"E105",
|
|
30481
32044
|
"FF103",
|
|
@@ -30496,11 +32059,11 @@
|
|
|
30496
32059
|
"status": "high",
|
|
30497
32060
|
"baseline_low_date": "2022-09-02",
|
|
30498
32061
|
"baseline_high_date": "2025-03-02"
|
|
30499
|
-
}
|
|
30500
|
-
"description": "The :modal CSS pseudo-class matches an element that is in a state in which it excludes all interaction with elements outside it until the interaction has been dismissed. Multiple elements can be selected by the :modal pseudo-class at the same time, but only one of them will be active and able to receive input."
|
|
32062
|
+
}
|
|
30501
32063
|
},
|
|
30502
32064
|
{
|
|
30503
32065
|
"name": ":muted",
|
|
32066
|
+
"description": "The :muted CSS pseudo-class selector represents an element that is capable of making sound, such as audio or video, but is muted (forced silent).",
|
|
30504
32067
|
"browsers": [
|
|
30505
32068
|
"S15.4",
|
|
30506
32069
|
"SM15.4"
|
|
@@ -30513,11 +32076,11 @@
|
|
|
30513
32076
|
],
|
|
30514
32077
|
"baseline": {
|
|
30515
32078
|
"status": "false"
|
|
30516
|
-
}
|
|
30517
|
-
"description": "The :muted CSS pseudo-class selector represents an element that is capable of making sound, such as audio or video, but is muted (forced silent)."
|
|
32079
|
+
}
|
|
30518
32080
|
},
|
|
30519
32081
|
{
|
|
30520
32082
|
"name": ":open",
|
|
32083
|
+
"description": "The :open CSS pseudo-class represents an element that has open and closed states, only when it is currently in the open state.",
|
|
30521
32084
|
"browsers": [
|
|
30522
32085
|
"E133",
|
|
30523
32086
|
"FF136",
|
|
@@ -30534,11 +32097,11 @@
|
|
|
30534
32097
|
],
|
|
30535
32098
|
"baseline": {
|
|
30536
32099
|
"status": "false"
|
|
30537
|
-
}
|
|
30538
|
-
"description": "The :open CSS pseudo-class represents an element that has open and closed states, only when it is currently in the open state."
|
|
32100
|
+
}
|
|
30539
32101
|
},
|
|
30540
32102
|
{
|
|
30541
32103
|
"name": ":paused",
|
|
32104
|
+
"description": "The :paused CSS pseudo-class selector is a resource state pseudo-class that will match an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “paused”.",
|
|
30542
32105
|
"browsers": [
|
|
30543
32106
|
"S15.4",
|
|
30544
32107
|
"SM15.4"
|
|
@@ -30551,11 +32114,11 @@
|
|
|
30551
32114
|
],
|
|
30552
32115
|
"baseline": {
|
|
30553
32116
|
"status": "false"
|
|
30554
|
-
}
|
|
30555
|
-
"description": "The :paused CSS pseudo-class selector is a resource state pseudo-class that will match an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “paused”."
|
|
32117
|
+
}
|
|
30556
32118
|
},
|
|
30557
32119
|
{
|
|
30558
32120
|
"name": ":picture-in-picture",
|
|
32121
|
+
"description": "The :picture-in-picture CSS pseudo-class matches the element which is currently in picture-in-picture mode.",
|
|
30559
32122
|
"browsers": [
|
|
30560
32123
|
"E110",
|
|
30561
32124
|
"S13.1",
|
|
@@ -30572,11 +32135,11 @@
|
|
|
30572
32135
|
],
|
|
30573
32136
|
"baseline": {
|
|
30574
32137
|
"status": "false"
|
|
30575
|
-
}
|
|
30576
|
-
"description": "The :picture-in-picture CSS pseudo-class matches the element which is currently in picture-in-picture mode."
|
|
32138
|
+
}
|
|
30577
32139
|
},
|
|
30578
32140
|
{
|
|
30579
32141
|
"name": ":placeholder-shown",
|
|
32142
|
+
"description": "The :placeholder-shown CSS pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text.",
|
|
30580
32143
|
"browsers": [
|
|
30581
32144
|
"E79",
|
|
30582
32145
|
"FF51",
|
|
@@ -30598,11 +32161,11 @@
|
|
|
30598
32161
|
"status": "high",
|
|
30599
32162
|
"baseline_low_date": "2020-01-15",
|
|
30600
32163
|
"baseline_high_date": "2022-07-15"
|
|
30601
|
-
}
|
|
30602
|
-
"description": "The :placeholder-shown CSS pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text."
|
|
32164
|
+
}
|
|
30603
32165
|
},
|
|
30604
32166
|
{
|
|
30605
32167
|
"name": ":playing",
|
|
32168
|
+
"description": "The :playing CSS pseudo-class selector is a resource state pseudo-class that will match an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “playing”. ",
|
|
30606
32169
|
"browsers": [
|
|
30607
32170
|
"S15.4",
|
|
30608
32171
|
"SM15.4"
|
|
@@ -30615,11 +32178,11 @@
|
|
|
30615
32178
|
],
|
|
30616
32179
|
"baseline": {
|
|
30617
32180
|
"status": "false"
|
|
30618
|
-
}
|
|
30619
|
-
"description": "The :playing CSS pseudo-class selector is a resource state pseudo-class that will match an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “playing”. "
|
|
32181
|
+
}
|
|
30620
32182
|
},
|
|
30621
32183
|
{
|
|
30622
32184
|
"name": ":popover-open",
|
|
32185
|
+
"description": "The :popover-open CSS pseudo-class represents a {{domxref(\"Popover API\", \"popover\", \"\", \"nocode\")}} element (i.e. one with a popover attribute) that is in the showing state. You can use this to apply style to popover elements only when they are shown.",
|
|
30623
32186
|
"browsers": [
|
|
30624
32187
|
"E114",
|
|
30625
32188
|
"FF125",
|
|
@@ -30639,11 +32202,11 @@
|
|
|
30639
32202
|
"baseline": {
|
|
30640
32203
|
"status": "low",
|
|
30641
32204
|
"baseline_low_date": "2024-04-16"
|
|
30642
|
-
}
|
|
30643
|
-
"description": "The :popover-open CSS pseudo-class represents a {{domxref(\"Popover API\", \"popover\", \"\", \"nocode\")}} element (i.e. one with a popover attribute) that is in the showing state. You can use this to apply style to popover elements only when they are shown."
|
|
32205
|
+
}
|
|
30644
32206
|
},
|
|
30645
32207
|
{
|
|
30646
32208
|
"name": ":seeking",
|
|
32209
|
+
"description": "The :seeking CSS pseudo-class selector represents an element that is playable, such as audio or video, when the playable element is seeking a playback position in the media resource.",
|
|
30647
32210
|
"browsers": [
|
|
30648
32211
|
"S15.4",
|
|
30649
32212
|
"SM15.4"
|
|
@@ -30656,11 +32219,11 @@
|
|
|
30656
32219
|
],
|
|
30657
32220
|
"baseline": {
|
|
30658
32221
|
"status": "false"
|
|
30659
|
-
}
|
|
30660
|
-
"description": "The :seeking CSS pseudo-class selector represents an element that is playable, such as audio or video, when the playable element is seeking a playback position in the media resource."
|
|
32222
|
+
}
|
|
30661
32223
|
},
|
|
30662
32224
|
{
|
|
30663
32225
|
"name": ":stalled",
|
|
32226
|
+
"description": "The :stalled CSS pseudo-class selector represents an element that is playable, such as audio or video, when playback is stalled.",
|
|
30664
32227
|
"browsers": [
|
|
30665
32228
|
"S15.4",
|
|
30666
32229
|
"SM15.4"
|
|
@@ -30673,11 +32236,11 @@
|
|
|
30673
32236
|
],
|
|
30674
32237
|
"baseline": {
|
|
30675
32238
|
"status": "false"
|
|
30676
|
-
}
|
|
30677
|
-
"description": "The :stalled CSS pseudo-class selector represents an element that is playable, such as audio or video, when playback is stalled."
|
|
32239
|
+
}
|
|
30678
32240
|
},
|
|
30679
32241
|
{
|
|
30680
32242
|
"name": ":state",
|
|
32243
|
+
"description": "The :state() CSS pseudo-class matches custom elements that have the specified custom state.",
|
|
30681
32244
|
"browsers": [
|
|
30682
32245
|
"E125",
|
|
30683
32246
|
"FF126",
|
|
@@ -30697,15 +32260,16 @@
|
|
|
30697
32260
|
"baseline": {
|
|
30698
32261
|
"status": "low",
|
|
30699
32262
|
"baseline_low_date": "2024-05-17"
|
|
30700
|
-
}
|
|
30701
|
-
"description": "The :state() CSS pseudo-class matches custom elements that have the specified custom state."
|
|
32263
|
+
}
|
|
30702
32264
|
},
|
|
30703
32265
|
{
|
|
30704
32266
|
"name": ":target-current",
|
|
32267
|
+
"description": "The :target-current CSS pseudo-class selects the active scroll marker — the ::scroll-marker pseudo-element of a scroll-marker-group that is currently scrolled to. This selector can be used to style the active navigation position within a scroll marker group.",
|
|
30705
32268
|
"status": "experimental",
|
|
30706
32269
|
"browsers": [
|
|
30707
32270
|
"E135",
|
|
30708
|
-
"C135"
|
|
32271
|
+
"C135",
|
|
32272
|
+
"O120"
|
|
30709
32273
|
],
|
|
30710
32274
|
"references": [
|
|
30711
32275
|
{
|
|
@@ -30715,16 +32279,16 @@
|
|
|
30715
32279
|
],
|
|
30716
32280
|
"baseline": {
|
|
30717
32281
|
"status": "false"
|
|
30718
|
-
}
|
|
30719
|
-
"description": "The :target-current CSS pseudo-class selects the active scroll marker — the ::scroll-marker pseudo-element of a scroll-marker-group that is currently scrolled to. This selector can be used to style the active navigation position within a scroll marker group."
|
|
32282
|
+
}
|
|
30720
32283
|
},
|
|
30721
32284
|
{
|
|
30722
32285
|
"name": ":target-within",
|
|
30723
|
-
"
|
|
30724
|
-
"
|
|
32286
|
+
"description": "The :target-within CSS pseudo-class represents an element that is a target element or contains an element that is a target. A target element is a unique element with an id matching the URL's fragment.",
|
|
32287
|
+
"status": "experimental"
|
|
30725
32288
|
},
|
|
30726
32289
|
{
|
|
30727
32290
|
"name": ":user-invalid",
|
|
32291
|
+
"description": "The :user-invalid CSS pseudo-class represents any validated form element whose value isn't valid based on their validation constraints, after the user has interacted with it.",
|
|
30728
32292
|
"browsers": [
|
|
30729
32293
|
"E119",
|
|
30730
32294
|
"FF88",
|
|
@@ -30744,11 +32308,11 @@
|
|
|
30744
32308
|
"baseline": {
|
|
30745
32309
|
"status": "low",
|
|
30746
32310
|
"baseline_low_date": "2023-11-02"
|
|
30747
|
-
}
|
|
30748
|
-
"description": "The :user-invalid CSS pseudo-class represents any validated form element whose value isn't valid based on their validation constraints, after the user has interacted with it."
|
|
32311
|
+
}
|
|
30749
32312
|
},
|
|
30750
32313
|
{
|
|
30751
32314
|
"name": ":user-valid",
|
|
32315
|
+
"description": "The :user-valid CSS pseudo-class represents any validated form element whose value validates correctly based on its validation constraints. However, unlike :valid it only matches once the user has interacted with it.",
|
|
30752
32316
|
"browsers": [
|
|
30753
32317
|
"E119",
|
|
30754
32318
|
"FF88",
|
|
@@ -30768,11 +32332,11 @@
|
|
|
30768
32332
|
"baseline": {
|
|
30769
32333
|
"status": "low",
|
|
30770
32334
|
"baseline_low_date": "2023-11-02"
|
|
30771
|
-
}
|
|
30772
|
-
"description": "The :user-valid CSS pseudo-class represents any validated form element whose value validates correctly based on its validation constraints. However, unlike :valid it only matches once the user has interacted with it."
|
|
32335
|
+
}
|
|
30773
32336
|
},
|
|
30774
32337
|
{
|
|
30775
32338
|
"name": ":volume-locked",
|
|
32339
|
+
"description": "The :volume-locked CSS pseudo-class selector represents an element that is capable of making sound, such as audio or video, but the audio volume of the media element is currently \"locked\" by the user.",
|
|
30776
32340
|
"browsers": [
|
|
30777
32341
|
"S15.4",
|
|
30778
32342
|
"SM15.4"
|
|
@@ -30785,11 +32349,11 @@
|
|
|
30785
32349
|
],
|
|
30786
32350
|
"baseline": {
|
|
30787
32351
|
"status": "false"
|
|
30788
|
-
}
|
|
30789
|
-
"description": "The :volume-locked CSS pseudo-class selector represents an element that is capable of making sound, such as audio or video, but the audio volume of the media element is currently \"locked\" by the user."
|
|
32352
|
+
}
|
|
30790
32353
|
},
|
|
30791
32354
|
{
|
|
30792
32355
|
"name": ":where",
|
|
32356
|
+
"description": "The :where() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list.",
|
|
30793
32357
|
"browsers": [
|
|
30794
32358
|
"E88",
|
|
30795
32359
|
"FF78",
|
|
@@ -30810,11 +32374,11 @@
|
|
|
30810
32374
|
"status": "high",
|
|
30811
32375
|
"baseline_low_date": "2021-01-21",
|
|
30812
32376
|
"baseline_high_date": "2023-07-21"
|
|
30813
|
-
}
|
|
30814
|
-
"description": "The :where() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list."
|
|
32377
|
+
}
|
|
30815
32378
|
},
|
|
30816
32379
|
{
|
|
30817
32380
|
"name": ":xr-overlay",
|
|
32381
|
+
"description": "",
|
|
30818
32382
|
"status": "experimental",
|
|
30819
32383
|
"browsers": [
|
|
30820
32384
|
"E83",
|
|
@@ -30824,8 +32388,7 @@
|
|
|
30824
32388
|
],
|
|
30825
32389
|
"baseline": {
|
|
30826
32390
|
"status": "false"
|
|
30827
|
-
}
|
|
30828
|
-
"description": ""
|
|
32391
|
+
}
|
|
30829
32392
|
}
|
|
30830
32393
|
],
|
|
30831
32394
|
"pseudoElements": [
|
|
@@ -31746,6 +33309,7 @@
|
|
|
31746
33309
|
},
|
|
31747
33310
|
{
|
|
31748
33311
|
"name": "::-moz-range-progress",
|
|
33312
|
+
"description": "The ::-moz-range-progress CSS pseudo-element is a Mozilla extension that represents the lower portion of the track (i.e., groove) in which the indicator slides in an <input> of type=\"range\". This portion corresponds to values lower than the value currently selected by the thumb (i.e., virtual knob).",
|
|
31749
33313
|
"status": "nonstandard",
|
|
31750
33314
|
"browsers": [
|
|
31751
33315
|
"FF22",
|
|
@@ -31759,11 +33323,11 @@
|
|
|
31759
33323
|
],
|
|
31760
33324
|
"baseline": {
|
|
31761
33325
|
"status": "false"
|
|
31762
|
-
}
|
|
31763
|
-
"description": "The ::-moz-range-progress CSS pseudo-element is a Mozilla extension that represents the lower portion of the track (i.e., groove) in which the indicator slides in an <input> of type=\"range\". This portion corresponds to values lower than the value currently selected by the thumb (i.e., virtual knob)."
|
|
33326
|
+
}
|
|
31764
33327
|
},
|
|
31765
33328
|
{
|
|
31766
33329
|
"name": "::-moz-range-thumb",
|
|
33330
|
+
"description": "The ::-moz-range-thumb CSS pseudo-element is a Mozilla extension that represents the thumb (i.e., virtual knob) of an <input> of type=\"range\". The user can move the thumb along the input's track to alter its numerical value.",
|
|
31767
33331
|
"status": "nonstandard",
|
|
31768
33332
|
"browsers": [
|
|
31769
33333
|
"FF21",
|
|
@@ -31777,11 +33341,11 @@
|
|
|
31777
33341
|
],
|
|
31778
33342
|
"baseline": {
|
|
31779
33343
|
"status": "false"
|
|
31780
|
-
}
|
|
31781
|
-
"description": "The ::-moz-range-thumb CSS pseudo-element is a Mozilla extension that represents the thumb (i.e., virtual knob) of an <input> of type=\"range\". The user can move the thumb along the input's track to alter its numerical value."
|
|
33344
|
+
}
|
|
31782
33345
|
},
|
|
31783
33346
|
{
|
|
31784
33347
|
"name": "::-moz-range-track",
|
|
33348
|
+
"description": "The ::-moz-range-track CSS pseudo-element is a Mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type=\"range\".",
|
|
31785
33349
|
"status": "nonstandard",
|
|
31786
33350
|
"browsers": [
|
|
31787
33351
|
"FF21",
|
|
@@ -31795,20 +33359,21 @@
|
|
|
31795
33359
|
],
|
|
31796
33360
|
"baseline": {
|
|
31797
33361
|
"status": "false"
|
|
31798
|
-
}
|
|
31799
|
-
"description": "The ::-moz-range-track CSS pseudo-element is a Mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type=\"range\"."
|
|
33362
|
+
}
|
|
31800
33363
|
},
|
|
31801
33364
|
{
|
|
31802
33365
|
"name": "::-webkit-progress-inner-value",
|
|
31803
|
-
"
|
|
31804
|
-
"
|
|
33366
|
+
"description": "The ::-webkit-progress-value CSS pseudo-element represents the filled-in portion of the bar of a <progress> element. It is a child of the ::-webkit-progress-bar pseudo-element.\n\nIn order to let ::-webkit-progress-value take effect, -webkit-appearance needs to be set to none on the <progress> element.",
|
|
33367
|
+
"status": "nonstandard"
|
|
31805
33368
|
},
|
|
31806
33369
|
{
|
|
31807
33370
|
"name": "::checkmark",
|
|
33371
|
+
"description": "The ::checkmark CSS pseudo-element targets the checkmark placed inside the currently-selected option element of a customizable select element. It can be used to provide a visual indication of which option is selected.",
|
|
31808
33372
|
"browsers": [
|
|
31809
|
-
"
|
|
31810
|
-
"
|
|
31811
|
-
"
|
|
33373
|
+
"E133",
|
|
33374
|
+
"C133",
|
|
33375
|
+
"CA133",
|
|
33376
|
+
"O118"
|
|
31812
33377
|
],
|
|
31813
33378
|
"references": [
|
|
31814
33379
|
{
|
|
@@ -31818,11 +33383,11 @@
|
|
|
31818
33383
|
],
|
|
31819
33384
|
"baseline": {
|
|
31820
33385
|
"status": "false"
|
|
31821
|
-
}
|
|
31822
|
-
"description": "The ::checkmark CSS pseudo-element targets the checkmark placed inside the currently-selected option element of a customizable select element. It can be used to provide a visual indication of which option is selected."
|
|
33386
|
+
}
|
|
31823
33387
|
},
|
|
31824
33388
|
{
|
|
31825
33389
|
"name": "::details-content",
|
|
33390
|
+
"description": "The ::details-content CSS pseudo-element represents the expandable/collapsible contents of a details element.",
|
|
31826
33391
|
"browsers": [
|
|
31827
33392
|
"E131",
|
|
31828
33393
|
"S18.4",
|
|
@@ -31839,11 +33404,11 @@
|
|
|
31839
33404
|
],
|
|
31840
33405
|
"baseline": {
|
|
31841
33406
|
"status": "false"
|
|
31842
|
-
}
|
|
31843
|
-
"description": "The ::details-content CSS pseudo-element represents the expandable/collapsible contents of a details element."
|
|
33407
|
+
}
|
|
31844
33408
|
},
|
|
31845
33409
|
{
|
|
31846
33410
|
"name": "::file-selector-button",
|
|
33411
|
+
"description": "The ::file-selector-button CSS pseudo-element represents the button of an input of type=\"file\".",
|
|
31847
33412
|
"browsers": [
|
|
31848
33413
|
"E89",
|
|
31849
33414
|
"FF82",
|
|
@@ -31865,11 +33430,11 @@
|
|
|
31865
33430
|
"status": "high",
|
|
31866
33431
|
"baseline_low_date": "2021-04-26",
|
|
31867
33432
|
"baseline_high_date": "2023-10-26"
|
|
31868
|
-
}
|
|
31869
|
-
"description": "The ::file-selector-button CSS pseudo-element represents the button of an input of type=\"file\"."
|
|
33433
|
+
}
|
|
31870
33434
|
},
|
|
31871
33435
|
{
|
|
31872
33436
|
"name": "::grammar-error",
|
|
33437
|
+
"description": "The ::grammar-error CSS pseudo-element represents a text segment which the user agent has flagged as grammatically incorrect.",
|
|
31873
33438
|
"browsers": [
|
|
31874
33439
|
"E121",
|
|
31875
33440
|
"S17.4",
|
|
@@ -31886,14 +33451,13 @@
|
|
|
31886
33451
|
],
|
|
31887
33452
|
"baseline": {
|
|
31888
33453
|
"status": "false"
|
|
31889
|
-
}
|
|
31890
|
-
"description": "The ::grammar-error CSS pseudo-element represents a text segment which the user agent has flagged as grammatically incorrect."
|
|
33454
|
+
}
|
|
31891
33455
|
},
|
|
31892
33456
|
{
|
|
31893
33457
|
"name": "::highlight",
|
|
33458
|
+
"description": "The ::highlight() CSS pseudo-element applies styles to a custom highlight.",
|
|
31894
33459
|
"browsers": [
|
|
31895
33460
|
"E105",
|
|
31896
|
-
"FFpreview",
|
|
31897
33461
|
"S17.2",
|
|
31898
33462
|
"SM17.2",
|
|
31899
33463
|
"C105",
|
|
@@ -31908,11 +33472,11 @@
|
|
|
31908
33472
|
],
|
|
31909
33473
|
"baseline": {
|
|
31910
33474
|
"status": "false"
|
|
31911
|
-
}
|
|
31912
|
-
"description": "The ::highlight() CSS pseudo-element applies styles to a custom highlight."
|
|
33475
|
+
}
|
|
31913
33476
|
},
|
|
31914
33477
|
{
|
|
31915
33478
|
"name": "::marker",
|
|
33479
|
+
"description": "The ::marker CSS pseudo-element selects the marker box of a list item, which typically contains a bullet or number. It works on any element or pseudo-element set to display: list-item, such as the <li> and <summary> elements.",
|
|
31916
33480
|
"browsers": [
|
|
31917
33481
|
"E86",
|
|
31918
33482
|
"FF68",
|
|
@@ -31929,11 +33493,11 @@
|
|
|
31929
33493
|
],
|
|
31930
33494
|
"baseline": {
|
|
31931
33495
|
"status": "false"
|
|
31932
|
-
}
|
|
31933
|
-
"description": "The ::marker CSS pseudo-element selects the marker box of a list item, which typically contains a bullet or number. It works on any element or pseudo-element set to display: list-item, such as the <li> and <summary> elements."
|
|
33496
|
+
}
|
|
31934
33497
|
},
|
|
31935
33498
|
{
|
|
31936
33499
|
"name": "::part",
|
|
33500
|
+
"description": "The ::part CSS pseudo-element represents any element within a shadow tree that has a matching part attribute.",
|
|
31937
33501
|
"browsers": [
|
|
31938
33502
|
"E79",
|
|
31939
33503
|
"FF72",
|
|
@@ -31954,15 +33518,16 @@
|
|
|
31954
33518
|
"status": "high",
|
|
31955
33519
|
"baseline_low_date": "2020-07-28",
|
|
31956
33520
|
"baseline_high_date": "2023-01-28"
|
|
31957
|
-
}
|
|
31958
|
-
"description": "The ::part CSS pseudo-element represents any element within a shadow tree that has a matching part attribute."
|
|
33521
|
+
}
|
|
31959
33522
|
},
|
|
31960
33523
|
{
|
|
31961
33524
|
"name": "::picker-icon",
|
|
33525
|
+
"description": "The ::picker-icon CSS pseudo-element targets the picker icon inside form controls that have an icon associated with them. In the case of a customizable select element, it selects the arrow icon shown on the <select> element that points down when it is closed.",
|
|
31962
33526
|
"browsers": [
|
|
31963
|
-
"
|
|
31964
|
-
"
|
|
31965
|
-
"
|
|
33527
|
+
"E133",
|
|
33528
|
+
"C133",
|
|
33529
|
+
"CA133",
|
|
33530
|
+
"O118"
|
|
31966
33531
|
],
|
|
31967
33532
|
"references": [
|
|
31968
33533
|
{
|
|
@@ -31972,15 +33537,16 @@
|
|
|
31972
33537
|
],
|
|
31973
33538
|
"baseline": {
|
|
31974
33539
|
"status": "false"
|
|
31975
|
-
}
|
|
31976
|
-
"description": "The ::picker-icon CSS pseudo-element targets the picker icon inside form controls that have an icon associated with them. In the case of a customizable select element, it selects the arrow icon shown on the <select> element that points down when it is closed."
|
|
33540
|
+
}
|
|
31977
33541
|
},
|
|
31978
33542
|
{
|
|
31979
33543
|
"name": "::picker",
|
|
33544
|
+
"description": "The ::picker() CSS pseudo-element targets the picker part of an element, for example the drop-down picker of a customizable select element.",
|
|
31980
33545
|
"browsers": [
|
|
31981
33546
|
"E134",
|
|
31982
33547
|
"C134",
|
|
31983
|
-
"CA134"
|
|
33548
|
+
"CA134",
|
|
33549
|
+
"O119"
|
|
31984
33550
|
],
|
|
31985
33551
|
"references": [
|
|
31986
33552
|
{
|
|
@@ -31990,11 +33556,11 @@
|
|
|
31990
33556
|
],
|
|
31991
33557
|
"baseline": {
|
|
31992
33558
|
"status": "false"
|
|
31993
|
-
}
|
|
31994
|
-
"description": ""
|
|
33559
|
+
}
|
|
31995
33560
|
},
|
|
31996
33561
|
{
|
|
31997
33562
|
"name": "::placeholder",
|
|
33563
|
+
"description": "The ::placeholder CSS pseudo-element represents the placeholder text of a form element.",
|
|
31998
33564
|
"browsers": [
|
|
31999
33565
|
"E79",
|
|
32000
33566
|
"FF51",
|
|
@@ -32015,15 +33581,16 @@
|
|
|
32015
33581
|
"status": "high",
|
|
32016
33582
|
"baseline_low_date": "2020-01-15",
|
|
32017
33583
|
"baseline_high_date": "2022-07-15"
|
|
32018
|
-
}
|
|
32019
|
-
"description": "The ::placeholder CSS pseudo-element represents the placeholder text of a form element."
|
|
33584
|
+
}
|
|
32020
33585
|
},
|
|
32021
33586
|
{
|
|
32022
33587
|
"name": "::scroll-marker",
|
|
33588
|
+
"description": "The ::scroll-marker CSS pseudo-element can be generated inside any element and represents its scroll marker. All elements can have a ::scroll-marker pseudo-element, which is placed into the ::scroll-marker-group of the nearest scroll container ancestor. A scroll marker behaves like an anchor (a element) whose scroll target is the marker's originating element — and scrolls the scroll container to that element when activated.",
|
|
32023
33589
|
"status": "experimental",
|
|
32024
33590
|
"browsers": [
|
|
32025
33591
|
"E135",
|
|
32026
|
-
"C135"
|
|
33592
|
+
"C135",
|
|
33593
|
+
"O120"
|
|
32027
33594
|
],
|
|
32028
33595
|
"references": [
|
|
32029
33596
|
{
|
|
@@ -32033,15 +33600,16 @@
|
|
|
32033
33600
|
],
|
|
32034
33601
|
"baseline": {
|
|
32035
33602
|
"status": "false"
|
|
32036
|
-
}
|
|
32037
|
-
"description": "The ::scroll-marker CSS pseudo-element can be generated inside any element and represents its scroll marker. All elements can have a ::scroll-marker pseudo-element, which is placed into the ::scroll-marker-group of the nearest scroll container ancestor. A scroll marker behaves like an anchor (a element) whose scroll target is the marker's originating element — and scrolls the scroll container to that element when activated."
|
|
33603
|
+
}
|
|
32038
33604
|
},
|
|
32039
33605
|
{
|
|
32040
33606
|
"name": "::scroll-marker-group",
|
|
33607
|
+
"description": "The ::scroll-marker-group CSS pseudo-element is generated inside a scroll container and contains any ::scroll-marker pseudo-elements generated on descendants of the scroll container.",
|
|
32041
33608
|
"status": "experimental",
|
|
32042
33609
|
"browsers": [
|
|
32043
33610
|
"E135",
|
|
32044
|
-
"C135"
|
|
33611
|
+
"C135",
|
|
33612
|
+
"O120"
|
|
32045
33613
|
],
|
|
32046
33614
|
"references": [
|
|
32047
33615
|
{
|
|
@@ -32051,11 +33619,11 @@
|
|
|
32051
33619
|
],
|
|
32052
33620
|
"baseline": {
|
|
32053
33621
|
"status": "false"
|
|
32054
|
-
}
|
|
32055
|
-
"description": "The ::scroll-marker-group CSS pseudo-element is generated inside a scroll container and contains any ::scroll-marker pseudo-elements generated on descendants of the scroll container."
|
|
33622
|
+
}
|
|
32056
33623
|
},
|
|
32057
33624
|
{
|
|
32058
33625
|
"name": "::slotted",
|
|
33626
|
+
"description": "The ::slotted() CSS pseudo-element represents any element that has been placed into a slot inside an HTML template (see Using templates and slots for more information).",
|
|
32059
33627
|
"browsers": [
|
|
32060
33628
|
"E79",
|
|
32061
33629
|
"FF63",
|
|
@@ -32076,11 +33644,11 @@
|
|
|
32076
33644
|
"status": "high",
|
|
32077
33645
|
"baseline_low_date": "2020-01-15",
|
|
32078
33646
|
"baseline_high_date": "2022-07-15"
|
|
32079
|
-
}
|
|
32080
|
-
"description": "The ::slotted() CSS pseudo-element represents any element that has been placed into a slot inside an HTML template (see Using templates and slots for more information)."
|
|
33647
|
+
}
|
|
32081
33648
|
},
|
|
32082
33649
|
{
|
|
32083
33650
|
"name": "::spelling-error",
|
|
33651
|
+
"description": "The ::spelling-error CSS pseudo-element represents a text segment which the user agent has flagged as incorrectly spelled.",
|
|
32084
33652
|
"browsers": [
|
|
32085
33653
|
"E121",
|
|
32086
33654
|
"S17.4",
|
|
@@ -32097,11 +33665,11 @@
|
|
|
32097
33665
|
],
|
|
32098
33666
|
"baseline": {
|
|
32099
33667
|
"status": "false"
|
|
32100
|
-
}
|
|
32101
|
-
"description": "The ::spelling-error CSS pseudo-element represents a text segment which the user agent has flagged as incorrectly spelled."
|
|
33668
|
+
}
|
|
32102
33669
|
},
|
|
32103
33670
|
{
|
|
32104
33671
|
"name": "::target-text",
|
|
33672
|
+
"description": "The ::target-text CSS pseudo-element represents the text that has been scrolled to if the browser supports scroll-to-text fragments. It allows authors to choose how to highlight that section of text.",
|
|
32105
33673
|
"browsers": [
|
|
32106
33674
|
"E89",
|
|
32107
33675
|
"FF131",
|
|
@@ -32121,13 +33689,14 @@
|
|
|
32121
33689
|
"baseline": {
|
|
32122
33690
|
"status": "low",
|
|
32123
33691
|
"baseline_low_date": "2024-12-11"
|
|
32124
|
-
}
|
|
32125
|
-
"description": "The ::target-text CSS pseudo-element represents the text that has been scrolled to if the browser supports scroll-to-text fragments. It allows authors to choose how to highlight that section of text."
|
|
33692
|
+
}
|
|
32126
33693
|
},
|
|
32127
33694
|
{
|
|
32128
33695
|
"name": "::view-transition",
|
|
33696
|
+
"description": "The ::view-transition CSS pseudo-element represents the root of the view transitions overlay, which contains all view transitions and sits over the top of all other page content.",
|
|
32129
33697
|
"browsers": [
|
|
32130
33698
|
"E109",
|
|
33699
|
+
"FFpreview",
|
|
32131
33700
|
"S18",
|
|
32132
33701
|
"SM18",
|
|
32133
33702
|
"C109",
|
|
@@ -32142,13 +33711,14 @@
|
|
|
32142
33711
|
],
|
|
32143
33712
|
"baseline": {
|
|
32144
33713
|
"status": "false"
|
|
32145
|
-
}
|
|
32146
|
-
"description": "The ::view-transition CSS pseudo-element represents the root of the view transitions overlay, which contains all view transitions and sits over the top of all other page content."
|
|
33714
|
+
}
|
|
32147
33715
|
},
|
|
32148
33716
|
{
|
|
32149
33717
|
"name": "::view-transition-group",
|
|
33718
|
+
"description": "The ::view-transition-group CSS pseudo-element represents a single view transition snapshot group.",
|
|
32150
33719
|
"browsers": [
|
|
32151
33720
|
"E109",
|
|
33721
|
+
"FFpreview",
|
|
32152
33722
|
"S18",
|
|
32153
33723
|
"SM18",
|
|
32154
33724
|
"C109",
|
|
@@ -32163,13 +33733,14 @@
|
|
|
32163
33733
|
],
|
|
32164
33734
|
"baseline": {
|
|
32165
33735
|
"status": "false"
|
|
32166
|
-
}
|
|
32167
|
-
"description": "The ::view-transition-group CSS pseudo-element represents a single view transition snapshot group."
|
|
33736
|
+
}
|
|
32168
33737
|
},
|
|
32169
33738
|
{
|
|
32170
33739
|
"name": "::view-transition-image-pair",
|
|
33740
|
+
"description": "The ::view-transition-image-pair CSS pseudo-element represents a container for a view transition's \"old\" and \"new\" view states — before and after the transition.",
|
|
32171
33741
|
"browsers": [
|
|
32172
33742
|
"E109",
|
|
33743
|
+
"FFpreview",
|
|
32173
33744
|
"S18",
|
|
32174
33745
|
"SM18",
|
|
32175
33746
|
"C109",
|
|
@@ -32184,13 +33755,14 @@
|
|
|
32184
33755
|
],
|
|
32185
33756
|
"baseline": {
|
|
32186
33757
|
"status": "false"
|
|
32187
|
-
}
|
|
32188
|
-
"description": "The ::view-transition-image-pair CSS pseudo-element represents a container for a view transition's \"old\" and \"new\" view states — before and after the transition."
|
|
33758
|
+
}
|
|
32189
33759
|
},
|
|
32190
33760
|
{
|
|
32191
33761
|
"name": "::view-transition-new",
|
|
33762
|
+
"description": "The ::view-transition-new CSS pseudo-element represents the \"new\" view state of a view transition — a snapshot live representation of the state after the transition.",
|
|
32192
33763
|
"browsers": [
|
|
32193
33764
|
"E109",
|
|
33765
|
+
"FFpreview",
|
|
32194
33766
|
"S18",
|
|
32195
33767
|
"SM18",
|
|
32196
33768
|
"C109",
|
|
@@ -32205,13 +33777,14 @@
|
|
|
32205
33777
|
],
|
|
32206
33778
|
"baseline": {
|
|
32207
33779
|
"status": "false"
|
|
32208
|
-
}
|
|
32209
|
-
"description": "The ::view-transition-new CSS pseudo-element represents the \"new\" view state of a view transition — a snapshot live representation of the state after the transition."
|
|
33780
|
+
}
|
|
32210
33781
|
},
|
|
32211
33782
|
{
|
|
32212
33783
|
"name": "::view-transition-old",
|
|
33784
|
+
"description": "The ::view-transition-old CSS pseudo-element represents the \"old\" view state of a view transition — a static snapshot of the old view, before the transition.",
|
|
32213
33785
|
"browsers": [
|
|
32214
33786
|
"E109",
|
|
33787
|
+
"FFpreview",
|
|
32215
33788
|
"S18",
|
|
32216
33789
|
"SM18",
|
|
32217
33790
|
"C109",
|
|
@@ -32226,8 +33799,7 @@
|
|
|
32226
33799
|
],
|
|
32227
33800
|
"baseline": {
|
|
32228
33801
|
"status": "false"
|
|
32229
|
-
}
|
|
32230
|
-
"description": "The ::view-transition-old CSS pseudo-element represents the \"old\" view state of a view transition — a static snapshot of the old view, before the transition."
|
|
33802
|
+
}
|
|
32231
33803
|
}
|
|
32232
33804
|
]
|
|
32233
33805
|
};
|