patch.json 51 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982
  1. {
  2. "atrules": {
  3. "charset": {
  4. "prelude": "<string>"
  5. },
  6. "container": {
  7. "prelude": "[ <container-name> ]? <container-condition>"
  8. },
  9. "font-face": {
  10. "descriptors": {
  11. "unicode-range": {
  12. "comment": "replaces <unicode-range>, an old production name",
  13. "syntax": "<urange>#"
  14. }
  15. }
  16. },
  17. "nest": {
  18. "prelude": "<complex-selector-list>"
  19. },
  20. "scope": {
  21. "prelude": "[ ( <scope-start> ) ]? [ to ( <scope-end> ) ]?"
  22. },
  23. "position-try": {
  24. "comment": "The list of descriptors: https://developer.mozilla.org/en-US/docs/Web/CSS/@position-try",
  25. "descriptors": {
  26. "top": "<'top'>",
  27. "left": "<'left'>",
  28. "bottom": "<'bottom'>",
  29. "right": "<'right'>",
  30. "inset-block-start": "<'inset-block-start'>",
  31. "inset-block-end": "<'inset-block-end'>",
  32. "inset-inline-start": "<'inset-inline-start'>",
  33. "inset-inline-end": "<'inset-inline-end'>",
  34. "inset-block": "<'inset-block'>",
  35. "inset-inline": "<'inset-inline'>",
  36. "inset": "<'inset'>",
  37. "margin-top": "<'margin-top'>",
  38. "margin-left": "<'margin-left'>",
  39. "margin-bottom": "<'margin-bottom'>",
  40. "margin-right": "<'margin-right'>",
  41. "margin-block-start": "<'margin-block-start'>",
  42. "margin-block-end": "<'margin-block-end'>",
  43. "margin-inline-start": "<'margin-inline-start'>",
  44. "margin-inline-end": "<'margin-inline-end'>",
  45. "margin": "<'margin'>",
  46. "margin-block": "<'margin-block'>",
  47. "margin-inline": "<'margin-inline'>",
  48. "width": "<'width'>",
  49. "height": "<'height'>",
  50. "min-width": "<'min-width'>",
  51. "min-height": "<'min-height'>",
  52. "max-width": "<'max-width'>",
  53. "max-height": "<'max-height'>",
  54. "block-size": "<'block-size'>",
  55. "inline-size": "<'inline-size'>",
  56. "min-block-size": "<'min-block-size'>",
  57. "min-inline-size": "<'min-inline-size'>",
  58. "max-block-size": "<'max-block-size'>",
  59. "max-inline-size": "<'max-inline-size'>",
  60. "align-self": "<'align-self'> | anchor-center",
  61. "justify-self": "<'justify-self'> | anchor-center"
  62. }
  63. }
  64. },
  65. "properties": {
  66. "-moz-background-clip": {
  67. "comment": "deprecated syntax in old Firefox, https://developer.mozilla.org/en/docs/Web/CSS/background-clip",
  68. "syntax": "padding | border"
  69. },
  70. "-moz-border-radius-bottomleft": {
  71. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius",
  72. "syntax": "<'border-bottom-left-radius'>"
  73. },
  74. "-moz-border-radius-bottomright": {
  75. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius",
  76. "syntax": "<'border-bottom-right-radius'>"
  77. },
  78. "-moz-border-radius-topleft": {
  79. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius",
  80. "syntax": "<'border-top-left-radius'>"
  81. },
  82. "-moz-border-radius-topright": {
  83. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius",
  84. "syntax": "<'border-bottom-right-radius'>"
  85. },
  86. "-moz-control-character-visibility": {
  87. "comment": "firefox specific keywords, https://bugzilla.mozilla.org/show_bug.cgi?id=947588",
  88. "syntax": "visible | hidden"
  89. },
  90. "-moz-osx-font-smoothing": {
  91. "comment": "misssed old syntax https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth",
  92. "syntax": "auto | grayscale"
  93. },
  94. "-moz-user-select": {
  95. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/user-select",
  96. "syntax": "none | text | all | -moz-none"
  97. },
  98. "-ms-flex-align": {
  99. "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-align",
  100. "syntax": "start | end | center | baseline | stretch"
  101. },
  102. "-ms-flex-item-align": {
  103. "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-align",
  104. "syntax": "auto | start | end | center | baseline | stretch"
  105. },
  106. "-ms-flex-line-pack": {
  107. "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-line-pack",
  108. "syntax": "start | end | center | justify | distribute | stretch"
  109. },
  110. "-ms-flex-negative": {
  111. "comment": "misssed old syntax implemented in IE; TODO: find references for comfirmation",
  112. "syntax": "<'flex-shrink'>"
  113. },
  114. "-ms-flex-pack": {
  115. "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-pack",
  116. "syntax": "start | end | center | justify | distribute"
  117. },
  118. "-ms-flex-order": {
  119. "comment": "misssed old syntax implemented in IE; https://msdn.microsoft.com/en-us/library/jj127303(v=vs.85).aspx",
  120. "syntax": "<integer>"
  121. },
  122. "-ms-flex-positive": {
  123. "comment": "misssed old syntax implemented in IE; TODO: find references for comfirmation",
  124. "syntax": "<'flex-grow'>"
  125. },
  126. "-ms-flex-preferred-size": {
  127. "comment": "misssed old syntax implemented in IE; TODO: find references for comfirmation",
  128. "syntax": "<'flex-basis'>"
  129. },
  130. "-ms-interpolation-mode": {
  131. "comment": "https://msdn.microsoft.com/en-us/library/ff521095(v=vs.85).aspx",
  132. "syntax": "nearest-neighbor | bicubic"
  133. },
  134. "-ms-grid-column-align": {
  135. "comment": "add this property first since it uses as fallback for flexbox, https://msdn.microsoft.com/en-us/library/windows/apps/hh466338.aspx",
  136. "syntax": "start | end | center | stretch"
  137. },
  138. "-ms-grid-row-align": {
  139. "comment": "add this property first since it uses as fallback for flexbox, https://msdn.microsoft.com/en-us/library/windows/apps/hh466348.aspx",
  140. "syntax": "start | end | center | stretch"
  141. },
  142. "-ms-hyphenate-limit-last": {
  143. "comment": "misssed old syntax implemented in IE; https://www.w3.org/TR/css-text-4/#hyphenate-line-limits",
  144. "syntax": "none | always | column | page | spread"
  145. },
  146. "-webkit-appearance": {
  147. "comment": "webkit specific keywords",
  148. "references": [
  149. "http://css-infos.net/property/-webkit-appearance"
  150. ],
  151. "syntax": "none | button | button-bevel | caps-lock-indicator | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbargripper-horizontal | scrollbargripper-vertical | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button"
  152. },
  153. "-webkit-background-clip": {
  154. "comment": "https://developer.mozilla.org/en/docs/Web/CSS/background-clip",
  155. "syntax": "[ <box> | border | padding | content | text ]#"
  156. },
  157. "-webkit-column-break-after": {
  158. "comment": "added, http://help.dottoro.com/lcrthhhv.php",
  159. "syntax": "always | auto | avoid"
  160. },
  161. "-webkit-column-break-before": {
  162. "comment": "added, http://help.dottoro.com/lcxquvkf.php",
  163. "syntax": "always | auto | avoid"
  164. },
  165. "-webkit-column-break-inside": {
  166. "comment": "added, http://help.dottoro.com/lclhnthl.php",
  167. "syntax": "always | auto | avoid"
  168. },
  169. "-webkit-font-smoothing": {
  170. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth",
  171. "syntax": "auto | none | antialiased | subpixel-antialiased"
  172. },
  173. "-webkit-mask-box-image": {
  174. "comment": "missed; https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-mask-box-image",
  175. "syntax": "[ <url> | <gradient> | none ] [ <length-percentage>{4} <-webkit-mask-box-repeat>{2} ]?"
  176. },
  177. "-webkit-print-color-adjust": {
  178. "comment": "missed",
  179. "references": [
  180. "https://developer.mozilla.org/en/docs/Web/CSS/-webkit-print-color-adjust"
  181. ],
  182. "syntax": "economy | exact"
  183. },
  184. "-webkit-text-security": {
  185. "comment": "missed; http://help.dottoro.com/lcbkewgt.php",
  186. "syntax": "none | circle | disc | square"
  187. },
  188. "-webkit-user-drag": {
  189. "comment": "missed; http://help.dottoro.com/lcbixvwm.php",
  190. "syntax": "none | element | auto"
  191. },
  192. "-webkit-user-select": {
  193. "comment": "auto is supported by old webkit, https://developer.mozilla.org/en-US/docs/Web/CSS/user-select",
  194. "syntax": "auto | none | text | all"
  195. },
  196. "alignment-baseline": {
  197. "comment": "added SVG property",
  198. "references": [
  199. "https://www.w3.org/TR/SVG/text.html#AlignmentBaselineProperty"
  200. ],
  201. "syntax": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical"
  202. },
  203. "background-clip": {
  204. "comment": "used <bg-clip> from CSS Backgrounds and Borders 4 since it adds new values",
  205. "references": [
  206. "https://github.com/csstree/csstree/issues/190"
  207. ],
  208. "syntax": "<bg-clip>#"
  209. },
  210. "baseline-shift": {
  211. "comment": "added SVG property",
  212. "references": [
  213. "https://www.w3.org/TR/SVG/text.html#BaselineShiftProperty"
  214. ],
  215. "syntax": "baseline | sub | super | <svg-length>"
  216. },
  217. "behavior": {
  218. "comment": "added old IE property https://msdn.microsoft.com/en-us/library/ms530723(v=vs.85).aspx",
  219. "syntax": "<url>+"
  220. },
  221. "container-type": {
  222. "comment": "https://www.w3.org/TR/css-contain-3/#propdef-container-type",
  223. "syntax": "normal || [ size | inline-size ]"
  224. },
  225. "cue": {
  226. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  227. "syntax": "<'cue-before'> <'cue-after'>?"
  228. },
  229. "cue-after": {
  230. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  231. "syntax": "<url> <decibel>? | none"
  232. },
  233. "cue-before": {
  234. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  235. "syntax": "<url> <decibel>? | none"
  236. },
  237. "cursor": {
  238. "comment": "added legacy keywords: hand, -webkit-grab. -webkit-grabbing, -webkit-zoom-in, -webkit-zoom-out, -moz-grab, -moz-grabbing, -moz-zoom-in, -moz-zoom-out",
  239. "references": [
  240. "https://www.sitepoint.com/css3-cursor-styles/"
  241. ],
  242. "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 | hand | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ] ]"
  243. },
  244. "display": {
  245. "comment": "extended with -ms-flexbox",
  246. "syntax": "| <-non-standard-display>"
  247. },
  248. "position": {
  249. "comment": "extended with -webkit-sticky",
  250. "syntax": "| -webkit-sticky"
  251. },
  252. "dominant-baseline": {
  253. "comment": "added SVG property",
  254. "references": [
  255. "https://www.w3.org/TR/SVG/text.html#DominantBaselineProperty"
  256. ],
  257. "syntax": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge"
  258. },
  259. "image-rendering": {
  260. "comment": "extended with <-non-standard-image-rendering>, added SVG keywords optimizeSpeed and optimizeQuality",
  261. "references": [
  262. "https://developer.mozilla.org/en/docs/Web/CSS/image-rendering",
  263. "https://www.w3.org/TR/SVG/painting.html#ImageRenderingProperty"
  264. ],
  265. "syntax": "| optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>"
  266. },
  267. "fill": {
  268. "comment": "added SVG property",
  269. "references": [
  270. "https://www.w3.org/TR/SVG/painting.html#FillProperty"
  271. ],
  272. "syntax": "<paint>"
  273. },
  274. "fill-opacity": {
  275. "comment": "added SVG property",
  276. "references": [
  277. "https://www.w3.org/TR/SVG/painting.html#FillProperty"
  278. ],
  279. "syntax": "<number-zero-one>"
  280. },
  281. "filter": {
  282. "comment": "extend with IE legacy syntaxes",
  283. "syntax": "| <-ms-filter-function-list>"
  284. },
  285. "font": {
  286. "comment": "align with font-4, fix <'font-family'>#, add non standard fonts",
  287. "references": [
  288. "https://drafts.csswg.org/css-fonts-4/#font-prop",
  289. "https://github.com/w3c/csswg-drafts/pull/10832",
  290. "https://webkit.org/blog/3709/using-the-system-font-in-web-content/"
  291. ],
  292. "syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>"
  293. },
  294. "glyph-orientation-horizontal": {
  295. "comment": "added SVG property",
  296. "references": [
  297. "https://www.w3.org/TR/SVG/text.html#GlyphOrientationHorizontalProperty"
  298. ],
  299. "syntax": "<angle>"
  300. },
  301. "glyph-orientation-vertical": {
  302. "comment": "added SVG property",
  303. "references": [
  304. "https://www.w3.org/TR/SVG/text.html#GlyphOrientationVerticalProperty"
  305. ],
  306. "syntax": "<angle>"
  307. },
  308. "kerning": {
  309. "comment": "added SVG property",
  310. "references": [
  311. "https://www.w3.org/TR/SVG/text.html#KerningProperty"
  312. ],
  313. "syntax": "auto | <svg-length>"
  314. },
  315. "letter-spacing": {
  316. "comment": "fix syntax <length> -> <length-percentage>",
  317. "references": [
  318. "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/letter-spacing"
  319. ],
  320. "syntax": "normal | <length-percentage>"
  321. },
  322. "max-width": {
  323. "comment": "extend by non-standard size keywords https://developer.mozilla.org/en-US/docs/Web/CSS/width",
  324. "syntax": "| stretch | <-non-standard-size>"
  325. },
  326. "max-height": {
  327. "comment": "extend by non-standard size keywords https://developer.mozilla.org/en-US/docs/Web/CSS/width",
  328. "syntax": "| stretch | <-non-standard-size>"
  329. },
  330. "width": {
  331. "references": [
  332. "https://developer.mozilla.org/en-US/docs/Web/CSS/width",
  333. "https://github.com/csstree/stylelint-validator/issues/29"
  334. ],
  335. "syntax": "| stretch | <-non-standard-size>"
  336. },
  337. "height": {
  338. "syntax": "| stretch | <-non-standard-size>"
  339. },
  340. "min-width": {
  341. "comment": "extend by non-standard width keywords https://developer.mozilla.org/en-US/docs/Web/CSS/width",
  342. "syntax": "| stretch | <-non-standard-size>"
  343. },
  344. "min-height": {
  345. "syntax": "| stretch | <-non-standard-size>"
  346. },
  347. "overflow": {
  348. "comment": "extend by vendor keywords https://developer.mozilla.org/en-US/docs/Web/CSS/overflow",
  349. "syntax": "| <-non-standard-overflow>"
  350. },
  351. "pause": {
  352. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  353. "syntax": "<'pause-before'> <'pause-after'>?"
  354. },
  355. "pause-after": {
  356. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  357. "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
  358. },
  359. "pause-before": {
  360. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  361. "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
  362. },
  363. "rest": {
  364. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  365. "syntax": "<'rest-before'> <'rest-after'>?"
  366. },
  367. "rest-after": {
  368. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  369. "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
  370. },
  371. "rest-before": {
  372. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  373. "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
  374. },
  375. "scroll-timeline": {
  376. "comment": "fix according to spec",
  377. "references": [
  378. "https://www.w3.org/TR/scroll-animations-1/#scroll-timeline-shorthand"
  379. ],
  380. "syntax": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#"
  381. },
  382. "scroll-timeline-name": {
  383. "comment": "fix according to spec",
  384. "references": [
  385. "https://w3c.github.io/csswg-drafts/scroll-animations/#propdef-scroll-timeline-name"
  386. ],
  387. "syntax": "[ none | <dashed-ident> ]#"
  388. },
  389. "src": {
  390. "comment": "added @font-face's src property https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src",
  391. "syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
  392. },
  393. "speak": {
  394. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  395. "syntax": "auto | never | always"
  396. },
  397. "speak-as": {
  398. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  399. "syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
  400. },
  401. "stroke": {
  402. "comment": "added SVG property",
  403. "references": [
  404. "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
  405. ],
  406. "syntax": "<paint>"
  407. },
  408. "stroke-dasharray": {
  409. "comment": "added SVG property; a list of comma and/or white space separated <length>s and <percentage>s",
  410. "references": [
  411. "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
  412. ],
  413. "syntax": "none | [ <svg-length>+ ]#"
  414. },
  415. "stroke-dashoffset": {
  416. "comment": "added SVG property",
  417. "references": [
  418. "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
  419. ],
  420. "syntax": "<svg-length>"
  421. },
  422. "stroke-linejoin": {
  423. "comment": "added SVG property",
  424. "references": [
  425. "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
  426. ],
  427. "syntax": "miter | round | bevel"
  428. },
  429. "stroke-miterlimit": {
  430. "comment": "added SVG property (<miterlimit> = <number-one-or-greater>) ",
  431. "references": [
  432. "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
  433. ],
  434. "syntax": "<number-one-or-greater>"
  435. },
  436. "stroke-width": {
  437. "comment": "added SVG property",
  438. "references": [
  439. "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
  440. ],
  441. "syntax": "<svg-length>"
  442. },
  443. "text-wrap": {
  444. "comment": "broken in mdn/data",
  445. "syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
  446. },
  447. "unicode-bidi": {
  448. "comment": "added prefixed keywords https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi",
  449. "syntax": "| -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext"
  450. },
  451. "unicode-range": {
  452. "comment": "added missed property https://developer.mozilla.org/en-US/docs/Web/CSS/%40font-face/unicode-range",
  453. "syntax": "<urange>#"
  454. },
  455. "voice-balance": {
  456. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  457. "syntax": "<number> | left | center | right | leftwards | rightwards"
  458. },
  459. "voice-duration": {
  460. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  461. "syntax": "auto | <time>"
  462. },
  463. "voice-family": {
  464. "comment": "<name> -> <family-name>, https://www.w3.org/TR/css3-speech/#property-index",
  465. "syntax": "[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"
  466. },
  467. "voice-pitch": {
  468. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  469. "syntax": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
  470. },
  471. "voice-range": {
  472. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  473. "syntax": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
  474. },
  475. "voice-rate": {
  476. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  477. "syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>"
  478. },
  479. "voice-stress": {
  480. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  481. "syntax": "normal | strong | moderate | none | reduced"
  482. },
  483. "voice-volume": {
  484. "comment": "https://www.w3.org/TR/css3-speech/#property-index",
  485. "syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
  486. },
  487. "writing-mode": {
  488. "comment": "extend with SVG keywords",
  489. "syntax": "| <svg-writing-mode>"
  490. },
  491. "white-space-trim": {
  492. "syntax": "none | discard-before || discard-after || discard-inner",
  493. "comment": "missed, https://www.w3.org/TR/css-text-4/#white-space-trim"
  494. },
  495. "word-break": {
  496. "syntax": "normal | break-all | keep-all | break-word | auto-phrase",
  497. "comment": "added in Chrome/Edge 119, not covered by a spec currently (2024-09-02)",
  498. "references": [
  499. "https://developer.mozilla.org/en-US/docs/Web/CSS/word-break"
  500. ]
  501. }
  502. },
  503. "types": {
  504. "-legacy-gradient": {
  505. "comment": "added collection of legacy gradient syntaxes",
  506. "syntax": "<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"
  507. },
  508. "-legacy-linear-gradient": {
  509. "comment": "like standard syntax but w/o `to` keyword https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient",
  510. "syntax": "-moz-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-linear-gradient( <-legacy-linear-gradient-arguments> )"
  511. },
  512. "-legacy-repeating-linear-gradient": {
  513. "comment": "like standard syntax but w/o `to` keyword https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient",
  514. "syntax": "-moz-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-repeating-linear-gradient( <-legacy-linear-gradient-arguments> )"
  515. },
  516. "-legacy-linear-gradient-arguments": {
  517. "comment": "like standard syntax but w/o `to` keyword https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient",
  518. "syntax": "[ <angle> | <side-or-corner> ]? , <color-stop-list>"
  519. },
  520. "-legacy-radial-gradient": {
  521. "comment": "deprecated syntax that implemented by some browsers https://www.w3.org/TR/2011/WD-css3-images-20110908/#radial-gradients",
  522. "syntax": "-moz-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-radial-gradient( <-legacy-radial-gradient-arguments> )"
  523. },
  524. "-legacy-repeating-radial-gradient": {
  525. "comment": "deprecated syntax that implemented by some browsers https://www.w3.org/TR/2011/WD-css3-images-20110908/#radial-gradients",
  526. "syntax": "-moz-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-repeating-radial-gradient( <-legacy-radial-gradient-arguments> )"
  527. },
  528. "-legacy-radial-gradient-arguments": {
  529. "comment": "deprecated syntax that implemented by some browsers https://www.w3.org/TR/2011/WD-css3-images-20110908/#radial-gradients",
  530. "syntax": "[ <position> , ]? [ [ [ <-legacy-radial-gradient-shape> || <-legacy-radial-gradient-size> ] | [ <length> | <percentage> ]{2} ] , ]? <color-stop-list>"
  531. },
  532. "-legacy-radial-gradient-size": {
  533. "comment": "before a standard it contains 2 extra keywords (`contain` and `cover`) https://www.w3.org/TR/2011/WD-css3-images-20110908/#ltsize",
  534. "syntax": "closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"
  535. },
  536. "-legacy-radial-gradient-shape": {
  537. "comment": "define to double sure it doesn't extends in future https://www.w3.org/TR/2011/WD-css3-images-20110908/#ltshape",
  538. "syntax": "circle | ellipse"
  539. },
  540. "-non-standard-font": {
  541. "comment": "non standard fonts",
  542. "references": [
  543. "https://webkit.org/blog/3709/using-the-system-font-in-web-content/"
  544. ],
  545. "syntax": "-apple-system-body | -apple-system-headline | -apple-system-subheadline | -apple-system-caption1 | -apple-system-caption2 | -apple-system-footnote | -apple-system-short-body | -apple-system-short-headline | -apple-system-short-subheadline | -apple-system-short-caption1 | -apple-system-short-footnote | -apple-system-tall-body"
  546. },
  547. "-non-standard-color": {
  548. "comment": "non standard colors",
  549. "references": [
  550. "http://cssdot.ru/%D0%A1%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA_CSS/color-i305.html",
  551. "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Mozilla_Color_Preference_Extensions"
  552. ],
  553. "syntax": "-moz-ButtonDefault | -moz-ButtonHoverFace | -moz-ButtonHoverText | -moz-CellHighlight | -moz-CellHighlightText | -moz-Combobox | -moz-ComboboxText | -moz-Dialog | -moz-DialogText | -moz-dragtargetzone | -moz-EvenTreeRow | -moz-Field | -moz-FieldText | -moz-html-CellHighlight | -moz-html-CellHighlightText | -moz-mac-accentdarkestshadow | -moz-mac-accentdarkshadow | -moz-mac-accentface | -moz-mac-accentlightesthighlight | -moz-mac-accentlightshadow | -moz-mac-accentregularhighlight | -moz-mac-accentregularshadow | -moz-mac-chrome-active | -moz-mac-chrome-inactive | -moz-mac-focusring | -moz-mac-menuselect | -moz-mac-menushadow | -moz-mac-menutextselect | -moz-MenuHover | -moz-MenuHoverText | -moz-MenuBarText | -moz-MenuBarHoverText | -moz-nativehyperlinktext | -moz-OddTreeRow | -moz-win-communicationstext | -moz-win-mediatext | -moz-activehyperlinktext | -moz-default-background-color | -moz-default-color | -moz-hyperlinktext | -moz-visitedhyperlinktext | -webkit-activelink | -webkit-focus-ring-color | -webkit-link | -webkit-text"
  554. },
  555. "-non-standard-image-rendering": {
  556. "comment": "non-standard keywords http://phrogz.net/tmp/canvas_image_zoom.html",
  557. "syntax": "optimize-contrast | -moz-crisp-edges | -o-crisp-edges | -webkit-optimize-contrast"
  558. },
  559. "-non-standard-overflow": {
  560. "comment": "non-standard keywords https://developer.mozilla.org/en-US/docs/Web/CSS/overflow",
  561. "syntax": "overlay | -moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
  562. },
  563. "-non-standard-size": {
  564. "comment": "non-standard keywords https://developer.mozilla.org/en-US/docs/Web/CSS/width",
  565. "syntax": "intrinsic | min-intrinsic | -webkit-fill-available | -webkit-fit-content | -webkit-min-content | -webkit-max-content | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content"
  566. },
  567. "-webkit-gradient()": {
  568. "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/ - TODO: simplify when after match algorithm improvement ( [, point, radius | , point] -> [, radius]? , point )",
  569. "syntax": "-webkit-gradient( <-webkit-gradient-type>, <-webkit-gradient-point> [, <-webkit-gradient-point> | , <-webkit-gradient-radius>, <-webkit-gradient-point> ] [, <-webkit-gradient-radius>]? [, <-webkit-gradient-color-stop>]* )"
  570. },
  571. "-webkit-gradient-color-stop": {
  572. "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
  573. "syntax": "from( <color> ) | color-stop( [ <number-zero-one> | <percentage> ] , <color> ) | to( <color> )"
  574. },
  575. "-webkit-gradient-point": {
  576. "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
  577. "syntax": "[ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]"
  578. },
  579. "-webkit-gradient-radius": {
  580. "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
  581. "syntax": "<length> | <percentage>"
  582. },
  583. "-webkit-gradient-type": {
  584. "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
  585. "syntax": "linear | radial"
  586. },
  587. "-webkit-mask-box-repeat": {
  588. "comment": "missed; https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-mask-box-image",
  589. "syntax": "repeat | stretch | round"
  590. },
  591. "-ms-filter-function-list": {
  592. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
  593. "syntax": "<-ms-filter-function>+"
  594. },
  595. "-ms-filter-function": {
  596. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
  597. "syntax": "<-ms-filter-function-progid> | <-ms-filter-function-legacy>"
  598. },
  599. "-ms-filter-function-progid": {
  600. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
  601. "syntax": "'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value>? ) ]"
  602. },
  603. "-ms-filter-function-legacy": {
  604. "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
  605. "syntax": "<ident-token> | <function-token> <any-value>? )"
  606. },
  607. "absolute-color-base": {
  608. "comment": "https://www.w3.org/TR/css-color-4/#color-syntax",
  609. "syntax": "<hex-color> | <absolute-color-function> | <named-color> | transparent"
  610. },
  611. "absolute-color-function": {
  612. "comment": "https://www.w3.org/TR/css-color-4/#color-syntax",
  613. "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
  614. },
  615. "age": {
  616. "comment": "https://www.w3.org/TR/css3-speech/#voice-family",
  617. "syntax": "child | young | old"
  618. },
  619. "anchor-name": {
  620. "comment": "missed in mdn/data",
  621. "syntax": "<dashed-ident>"
  622. },
  623. "attr-name": {
  624. "syntax": "<wq-name>"
  625. },
  626. "attr-fallback": {
  627. "syntax": "<any-value>"
  628. },
  629. "bg-clip": {
  630. "comment": "missed, https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-clip",
  631. "syntax": "<box> | border | text"
  632. },
  633. "bottom": {
  634. "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
  635. "syntax": "<length> | auto"
  636. },
  637. "content-list": {
  638. "comment": "added attr(), see https://github.com/csstree/csstree/issues/201",
  639. "syntax": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+"
  640. },
  641. "container-name": {
  642. "comment": "missed, https://drafts.csswg.org/css-contain-3/#container-rule",
  643. "syntax": "<custom-ident>"
  644. },
  645. "container-condition": {
  646. "comment": "missed, https://drafts.csswg.org/css-contain-3/#container-rule",
  647. "syntax": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"
  648. },
  649. "coord-box": {
  650. "syntax": "content-box | padding-box | border-box | fill-box | stroke-box | view-box"
  651. },
  652. "element()": {
  653. "comment": "https://drafts.csswg.org/css-gcpm/#element-syntax & https://drafts.csswg.org/css-images-4/#element-notation",
  654. "syntax": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )"
  655. },
  656. "generic-voice": {
  657. "comment": "https://www.w3.org/TR/css3-speech/#voice-family",
  658. "syntax": "[ <age>? <gender> <integer>? ]"
  659. },
  660. "gender": {
  661. "comment": "https://www.w3.org/TR/css3-speech/#voice-family",
  662. "syntax": "male | female | neutral"
  663. },
  664. "general-enclosed": {
  665. "comment": "remove ident-token, optional any-value, brackets (see https://drafts.csswg.org/mediaqueries-5/#typedef-general-enclosed)",
  666. "syntax": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
  667. },
  668. "generic-family": {
  669. "comment": "new definition on font-4, https://drafts.csswg.org/css-fonts-4/#typedef-generic-family",
  670. "syntax": "<generic-script-specific>| <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>"
  671. },
  672. "generic-script-specific": {
  673. "syntax": "generic(kai) | generic(fangsong) | generic(nastaliq)"
  674. },
  675. "generic-complete": {
  676. "syntax": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
  677. },
  678. "generic-incomplete": {
  679. "syntax": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
  680. },
  681. "-non-standard-generic-family": {
  682. "syntax": "-apple-system | BlinkMacSystemFont",
  683. "references": [
  684. "https://css-tricks.com/snippets/css/system-font-stack/",
  685. "https://webkit.org/blog/3709/using-the-system-font-in-web-content/"
  686. ]
  687. },
  688. "gradient": {
  689. "comment": "added legacy syntaxes support",
  690. "syntax": "| <-legacy-gradient>"
  691. },
  692. "left": {
  693. "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
  694. "syntax": "<length> | auto"
  695. },
  696. "color": {
  697. "comment": "css-color-5, added non standard color names",
  698. "syntax": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>"
  699. },
  700. "color-base": {
  701. "syntax": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent"
  702. },
  703. "color-function": {
  704. "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
  705. },
  706. "device-cmyk()": {
  707. "syntax": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>"
  708. },
  709. "legacy-device-cmyk-syntax": {
  710. "syntax": "device-cmyk( <number>#{4} )"
  711. },
  712. "modern-device-cmyk-syntax": {
  713. "syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"
  714. },
  715. "cmyk-component": {
  716. "syntax": "<number> | <percentage> | none"
  717. },
  718. "color-mix()": {
  719. "syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )"
  720. },
  721. "color-interpolation-method": {
  722. "syntax": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"
  723. },
  724. "color-space": {
  725. "syntax": "<rectangular-color-space> | <polar-color-space> | <custom-color-space>"
  726. },
  727. "custom-color-space": {
  728. "syntax": "<dashed-ident>"
  729. },
  730. "paint": {
  731. "comment": "used by SVG https://www.w3.org/TR/SVG/painting.html#SpecifyingPaint",
  732. "syntax": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke"
  733. },
  734. "palette-identifier": {
  735. "comment": "<palette-identifier> is parsed as a <dashed-ident> (https://drafts.csswg.org/css-fonts/#typedef-font-palette-palette-identifier)",
  736. "syntax": "<dashed-ident>"
  737. },
  738. "right": {
  739. "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
  740. "syntax": "<length> | auto"
  741. },
  742. "shape": {
  743. "comment": "missed spaces in function body and add backwards compatible syntax",
  744. "syntax": "rect( <top>, <right>, <bottom>, <left> ) | rect( <top> <right> <bottom> <left> )"
  745. },
  746. "scope-start": {
  747. "syntax": "<forgiving-selector-list>"
  748. },
  749. "scope-end": {
  750. "syntax": "<forgiving-selector-list>"
  751. },
  752. "forgiving-selector-list": {
  753. "syntax": "<complex-real-selector-list>"
  754. },
  755. "forgiving-relative-selector-list": {
  756. "syntax": "<relative-real-selector-list>"
  757. },
  758. "selector-list": {
  759. "syntax": "<complex-selector-list>"
  760. },
  761. "complex-real-selector-list": {
  762. "syntax": "<complex-real-selector>#"
  763. },
  764. "simple-selector-list": {
  765. "syntax": "<simple-selector>#"
  766. },
  767. "relative-real-selector-list": {
  768. "syntax": "<relative-real-selector>#"
  769. },
  770. "complex-selector": {
  771. "syntax": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"
  772. },
  773. "complex-selector-unit": {
  774. "syntax": "[ <compound-selector>? <pseudo-compound-selector>* ]!"
  775. },
  776. "complex-real-selector": {
  777. "syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
  778. },
  779. "relative-real-selector": {
  780. "syntax": "<combinator>? <complex-real-selector>"
  781. },
  782. "compound-selector": {
  783. "syntax": "[ <type-selector>? <subclass-selector>* ]!"
  784. },
  785. "pseudo-compound-selector": {
  786. "syntax": " <pseudo-element-selector> <pseudo-class-selector>*"
  787. },
  788. "simple-selector": {
  789. "syntax": "<type-selector> | <subclass-selector>"
  790. },
  791. "combinator": {
  792. "syntax": "'>' | '+' | '~' | [ '|' '|' ]"
  793. },
  794. "pseudo-element-selector": {
  795. "syntax": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"
  796. },
  797. "legacy-pseudo-element-selector": {
  798. "syntax": " ':' [before | after | first-line | first-letter]"
  799. },
  800. "single-animation-composition": {
  801. "comment": "missed definition",
  802. "references": [
  803. "https://w3c.github.io/csswg-drafts/css-animations-2/#typedef-single-animation-composition"
  804. ],
  805. "syntax": "replace | add | accumulate"
  806. },
  807. "svg-length": {
  808. "comment": "All coordinates and lengths in SVG can be specified with or without a unit identifier",
  809. "references": [
  810. "https://www.w3.org/TR/SVG11/coords.html#Units"
  811. ],
  812. "syntax": "<percentage> | <length> | <number>"
  813. },
  814. "svg-writing-mode": {
  815. "comment": "SVG specific keywords (deprecated for CSS)",
  816. "references": [
  817. "https://developer.mozilla.org/en/docs/Web/CSS/writing-mode",
  818. "https://www.w3.org/TR/SVG/text.html#WritingModeProperty"
  819. ],
  820. "syntax": "lr-tb | rl-tb | tb-rl | lr | rl | tb"
  821. },
  822. "top": {
  823. "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
  824. "syntax": "<length> | auto"
  825. },
  826. "x": {
  827. "comment": "missed; not sure we should add it, but no others except `cursor` is using it so it's ok for now; https://drafts.csswg.org/css-ui-3/#cursor",
  828. "syntax": "<number>"
  829. },
  830. "y": {
  831. "comment": "missed; not sure we should add it, but no others except `cursor` is using so it's ok for now; https://drafts.csswg.org/css-ui-3/#cursor",
  832. "syntax": "<number>"
  833. },
  834. "declaration": {
  835. "comment": "missed, restored by https://drafts.csswg.org/css-syntax",
  836. "syntax": "<ident-token> : <declaration-value>? [ '!' important ]?"
  837. },
  838. "declaration-list": {
  839. "comment": "missed, restored by https://drafts.csswg.org/css-syntax",
  840. "syntax": "[ <declaration>? ';' ]* <declaration>?"
  841. },
  842. "url": {
  843. "comment": "https://drafts.csswg.org/css-values-4/#urls",
  844. "syntax": "url( <string> <url-modifier>* ) | <url-token>"
  845. },
  846. "url-modifier": {
  847. "comment": "https://drafts.csswg.org/css-values-4/#typedef-url-modifier",
  848. "syntax": "<ident> | <function-token> <any-value> )"
  849. },
  850. "number-zero-one": {
  851. "syntax": "<number [0,1]>"
  852. },
  853. "number-one-or-greater": {
  854. "syntax": "<number [1,∞]>"
  855. },
  856. "color()": {
  857. "syntax": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
  858. },
  859. "colorspace-params": {
  860. "syntax": "[ <predefined-rgb-params> | <xyz-params>]"
  861. },
  862. "predefined-rgb-params": {
  863. "syntax": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
  864. },
  865. "predefined-rgb": {
  866. "syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020"
  867. },
  868. "xyz-params": {
  869. "syntax": "<xyz-space> [ <number> | <percentage> | none ]{3}"
  870. },
  871. "xyz-space": {
  872. "syntax": "xyz | xyz-d50 | xyz-d65"
  873. },
  874. "oklab()": {
  875. "comment": "https://www.w3.org/TR/css-color-4/#specifying-oklab-oklch",
  876. "syntax": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
  877. },
  878. "oklch()": {
  879. "comment": "https://www.w3.org/TR/css-color-4/#specifying-oklab-oklch",
  880. "syntax": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"
  881. },
  882. "offset-path": {
  883. "syntax": "<ray()> | <url> | <basic-shape>"
  884. },
  885. "basic-shape": {
  886. "syntax": "<inset()> | <xywh()> | <rect()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
  887. },
  888. "rect()": {
  889. "comment": "missed, https://drafts.csswg.org/css-shapes/#supported-basic-shapes",
  890. "syntax": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
  891. },
  892. "xywh()": {
  893. "comment": "missed, https://drafts.csswg.org/css-shapes/#supported-basic-shapes",
  894. "syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
  895. },
  896. "query-in-parens": {
  897. "comment": "missed, https://drafts.csswg.org/css-contain-3/#container-rule",
  898. "syntax": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
  899. },
  900. "size-feature": {
  901. "comment": "missed, https://drafts.csswg.org/css-contain-3/#typedef-size-feature",
  902. "syntax": "<mf-plain> | <mf-boolean> | <mf-range>"
  903. },
  904. "style-feature": {
  905. "comment": "missed, https://drafts.csswg.org/css-contain-3/#typedef-style-feature",
  906. "syntax": "<declaration>"
  907. },
  908. "style-query": {
  909. "comment": "missed, https://drafts.csswg.org/css-contain-3/#container-rule",
  910. "syntax": "<style-condition> | <style-feature>"
  911. },
  912. "style-condition": {
  913. "comment": "missed, https://drafts.csswg.org/css-contain-3/#container-rule",
  914. "syntax": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ]"
  915. },
  916. "style-in-parens": {
  917. "comment": "missed, https://drafts.csswg.org/css-contain-3/#container-rule",
  918. "syntax": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>"
  919. },
  920. "-non-standard-display": {
  921. "syntax": "-ms-inline-flexbox | -ms-grid | -ms-inline-grid | -webkit-flex | -webkit-inline-flex | -webkit-box | -webkit-inline-box | -moz-inline-stack | -moz-box | -moz-inline-box"
  922. },
  923. "inset-area": {
  924. "syntax": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]",
  925. "comment": "initial name for <position-area> before renamed",
  926. "references": [
  927. "https://www.w3.org/TR/css-anchor-position-1/#inset-area"
  928. ]
  929. },
  930. "position-area": {
  931. "syntax": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]",
  932. "comment": "replaced <inset-area>",
  933. "references": [
  934. "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-area"
  935. ]
  936. },
  937. "anchor()": {
  938. "syntax": "anchor( <anchor-element>? && <anchor-side>, <length-percentage>? )",
  939. "comment": "missed",
  940. "references": [
  941. "https://drafts.csswg.org/css-anchor-position-1/#anchor-pos"
  942. ]
  943. },
  944. "anchor-side": {
  945. "syntax": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
  946. },
  947. "anchor-size()": {
  948. "syntax": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
  949. "comment": "missed",
  950. "references": [
  951. "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor-size"
  952. ]
  953. },
  954. "anchor-size": {
  955. "syntax": "width | height | block | inline | self-block | self-inline"
  956. },
  957. "anchor-element": {
  958. "syntax": "<dashed-ident>",
  959. "comment": "missed, https://drafts.csswg.org/css-anchor-position-1/#typedef-anchor-element"
  960. },
  961. "try-size": {
  962. "syntax": "most-width | most-height | most-block-size | most-inline-size",
  963. "comment": "missed, https://drafts.csswg.org/css-anchor-position-1/#typedef-try-size"
  964. },
  965. "try-tactic": {
  966. "syntax": "flip-block || flip-inline || flip-start",
  967. "comment": "missed, https://drafts.csswg.org/css-anchor-position-1/#typedef-position-try-fallbacks-try-tactic"
  968. },
  969. "font-variant-css2": {
  970. "syntax": "normal | small-caps",
  971. "comment": "new definition on font-4, https://drafts.csswg.org/css-fonts-4/#font-variant-css21-values"
  972. },
  973. "font-width-css3": {
  974. "syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
  975. "comment": "new definition on font-4, https://drafts.csswg.org/css-fonts-4/#font-width-css3-values"
  976. },
  977. "system-family-name": {
  978. "syntax": "caption | icon | menu | message-box | small-caption | status-bar",
  979. "comment": "new definition on font-4, https://drafts.csswg.org/css-fonts-4/#system-family-name-value"
  980. }
  981. }
  982. }