This is page 2 of 2. Use http://codebase.md/webflow/mcp-server?lines=true&page={x} to view the full context.
# Directory Structure
```
├── .github
│ └── workflows
│ ├── ci.yml
│ └── publish-oss.yml
├── .gitignore
├── LICENSE.md
├── package-lock.json
├── package.json
├── README.md
├── server.json
├── src
│ ├── index.ts
│ ├── mcp.ts
│ ├── modules
│ │ └── designerAppBridge.ts
│ ├── schemas
│ │ ├── CollectionItemPostSingleSchema.ts
│ │ ├── CollectionItemWithIdInputSchema.ts
│ │ ├── ComponentDomWriteNodesItemSchema.ts
│ │ ├── ComponentPropertyUpdateSchema.ts
│ │ ├── DEElementIDSchema.ts
│ │ ├── DEElementSchema.ts
│ │ ├── index.ts
│ │ ├── OptionFieldSchema.ts
│ │ ├── ReferenceFieldSchema.ts
│ │ ├── RegisterInlineSiteScriptSchema.ts
│ │ ├── SiteIdSchema.ts
│ │ ├── StaticFieldSchema.ts
│ │ ├── WebflowCollectionsCreateRequestSchema.ts
│ │ ├── WebflowCollectionsFieldUpdateSchema.ts
│ │ ├── WebflowCollectionsItemsCreateItemLiveRequestSchema.ts
│ │ ├── WebflowCollectionsItemsCreateItemRequestSchema.ts
│ │ ├── WebflowCollectionsItemsListItemsRequestSortBySchema.ts
│ │ ├── WebflowCollectionsItemsListItemsRequestSortOrderSchema.ts
│ │ ├── WebflowCollectionsItemsUpdateItemsLiveRequestSchema.ts
│ │ ├── WebflowCollectionsItemsUpdateItemsRequestSchema.ts
│ │ ├── WebflowPageDomWriteNodesItemSchema.ts
│ │ └── WebflowPageSchema.ts
│ ├── tools
│ │ ├── aiChat.ts
│ │ ├── cms.ts
│ │ ├── components.ts
│ │ ├── deAsset.ts
│ │ ├── deComponents.ts
│ │ ├── deElement.ts
│ │ ├── dePages.ts
│ │ ├── deStyle.ts
│ │ ├── deVariable.ts
│ │ ├── index.ts
│ │ ├── localDeMCPConnection.ts
│ │ ├── pages.ts
│ │ ├── rules.ts
│ │ ├── scripts.ts
│ │ └── sites.ts
│ ├── types
│ │ └── RPCType.d.ts
│ └── utils
│ ├── appPort.ts
│ ├── formatResponse.ts
│ ├── generateUUIDv4.ts
│ ├── index.ts
│ ├── supportStyles.ts
│ └── typeGuards.ts
├── tsconfig.json
└── webflow_logo.png
```
# Files
--------------------------------------------------------------------------------
/src/utils/supportStyles.ts:
--------------------------------------------------------------------------------
```typescript
1 | export const supportDEStyles = [
2 | {
3 | property: "accent-color",
4 | supportedValues: "string or ColorVariable",
5 | example: "#ff5733",
6 | },
7 | {
8 | property: "align-content",
9 | supportedValues: "string",
10 | example: "center",
11 | },
12 | {
13 | property: "align-items",
14 | supportedValues: "string",
15 | example: "flex-start",
16 | },
17 | {
18 | property: "align-self",
19 | supportedValues: "string",
20 | example: "stretch",
21 | },
22 | {
23 | property: "animation-delay",
24 | supportedValues: "string",
25 | example: "2s",
26 | },
27 | {
28 | property: "animation-direction",
29 | supportedValues: "string",
30 | example: "alternate",
31 | },
32 | {
33 | property: "animation-duration",
34 | supportedValues: "string",
35 | example: "1s",
36 | },
37 | {
38 | property: "animation-fill-mode",
39 | supportedValues: "string",
40 | example: "forwards",
41 | },
42 | {
43 | property: "animation-iteration-count",
44 | supportedValues: "string",
45 | example: "infinite",
46 | },
47 | {
48 | property: "animation-name",
49 | supportedValues: "string",
50 | example: "slidein",
51 | },
52 | {
53 | property: "animation-play-state",
54 | supportedValues: "string",
55 | example: "paused",
56 | },
57 | {
58 | property: "animation-timing-function",
59 | supportedValues: "string",
60 | example: "ease-in-out",
61 | },
62 | {
63 | property: "appearance",
64 | supportedValues: "string",
65 | example: "none",
66 | },
67 | {
68 | property: "backdrop-filter",
69 | supportedValues: "string",
70 | example: "blur(5px)",
71 | },
72 | {
73 | property: "backface-visibility",
74 | supportedValues: "string",
75 | example: "hidden",
76 | },
77 | {
78 | property: "background-attachment",
79 | supportedValues: "string",
80 | example: "fixed",
81 | },
82 | {
83 | property: "background-blend-mode",
84 | supportedValues: "string",
85 | example: "multiply",
86 | },
87 | {
88 | property: "background-clip",
89 | supportedValues: "string",
90 | example: "border-box",
91 | },
92 | {
93 | property: "background-color",
94 | supportedValues: "string or ColorVariable",
95 | example: "#e0e0e0",
96 | },
97 | {
98 | property: "background-image",
99 | supportedValues: "string",
100 | example: "url('image.jpg')",
101 | },
102 | {
103 | property: "background-origin",
104 | supportedValues: "string",
105 | example: "padding-box",
106 | },
107 | {
108 | property: "background-position",
109 | supportedValues: "string",
110 | example: "top right",
111 | },
112 | {
113 | property: "background-position-x",
114 | supportedValues: "string or SizeVariable",
115 | example: "50%",
116 | },
117 | {
118 | property: "background-position-y",
119 | supportedValues: "string or SizeVariable",
120 | example: "50%",
121 | },
122 | {
123 | property: "background-repeat",
124 | supportedValues: "string",
125 | example: "repeat-x",
126 | },
127 | {
128 | property: "background-size",
129 | supportedValues: "string",
130 | example: "cover",
131 | },
132 | {
133 | property: "block-size",
134 | supportedValues: "string or SizeVariable",
135 | example: "100px",
136 | },
137 | {
138 | property: "border-block-end-color",
139 | supportedValues: "string or ColorVariable",
140 | example: "#000000",
141 | },
142 | {
143 | property: "border-block-end-style",
144 | supportedValues: "string",
145 | example: "dotted",
146 | },
147 | {
148 | property: "border-block-end-width",
149 | supportedValues: "string or SizeVariable",
150 | example: "3px",
151 | },
152 | {
153 | property: "border-block-start-color",
154 | supportedValues: "string or ColorVariable",
155 | example: "#333333",
156 | },
157 | {
158 | property: "border-block-start-style",
159 | supportedValues: "string",
160 | example: "solid",
161 | },
162 | {
163 | property: "border-block-start-width",
164 | supportedValues: "string or SizeVariable",
165 | example: "2px",
166 | },
167 | {
168 | property: "border-bottom-color",
169 | supportedValues: "string or ColorVariable",
170 | example: "#f44336",
171 | },
172 | {
173 | property: "border-bottom-left-radius",
174 | supportedValues: "string or SizeVariable",
175 | example: "4px",
176 | },
177 | {
178 | property: "border-bottom-right-radius",
179 | supportedValues: "string or SizeVariable",
180 | example: "4px",
181 | },
182 | {
183 | property: "border-bottom-style",
184 | supportedValues: "string",
185 | example: "groove",
186 | },
187 | {
188 | property: "border-bottom-width",
189 | supportedValues: "string or SizeVariable",
190 | example: "1px",
191 | },
192 | {
193 | property: "border-collapse",
194 | supportedValues: "string",
195 | example: "collapse",
196 | },
197 | {
198 | property: "border-end-end-radius",
199 | supportedValues: "string or SizeVariable",
200 | example: "10px",
201 | },
202 | {
203 | property: "border-end-start-radius",
204 | supportedValues: "string or SizeVariable",
205 | example: "10px",
206 | },
207 | {
208 | property: "border-image-outset",
209 | supportedValues: "string or SizeVariable",
210 | example: "5px",
211 | },
212 | {
213 | property: "border-image-repeat",
214 | supportedValues: "string",
215 | example: "stretch",
216 | },
217 | {
218 | property: "border-image-slice",
219 | supportedValues: "string",
220 | example: "30%",
221 | },
222 | {
223 | property: "border-image-source",
224 | supportedValues: "string",
225 | example: "url('border.png')",
226 | },
227 | {
228 | property: "border-image-width",
229 | supportedValues: "string or SizeVariable",
230 | example: "10px",
231 | },
232 | {
233 | property: "border-inline-end-color",
234 | supportedValues: "string or ColorVariable",
235 | example: "#4CAF50",
236 | },
237 | {
238 | property: "border-inline-end-style",
239 | supportedValues: "string",
240 | example: "inset",
241 | },
242 | {
243 | property: "border-inline-end-width",
244 | supportedValues: "string or SizeVariable",
245 | example: "4px",
246 | },
247 | {
248 | property: "border-inline-start-color",
249 | supportedValues: "string or ColorVariable",
250 | example: "#2196F3",
251 | },
252 | {
253 | property: "border-inline-start-style",
254 | supportedValues: "string",
255 | example: "outset",
256 | },
257 | {
258 | property: "border-inline-start-width",
259 | supportedValues: "string or SizeVariable",
260 | example: "3px",
261 | },
262 | {
263 | property: "border-left-color",
264 | supportedValues: "string or ColorVariable",
265 | example: "#9C27B0",
266 | },
267 | {
268 | property: "border-left-style",
269 | supportedValues: "string",
270 | example: "dashed",
271 | },
272 | {
273 | property: "border-left-width",
274 | supportedValues: "string or SizeVariable",
275 | example: "2px",
276 | },
277 | {
278 | property: "border-right-color",
279 | supportedValues: "string or ColorVariable",
280 | example: "#FFEB3B",
281 | },
282 | {
283 | property: "border-right-style",
284 | supportedValues: "string",
285 | example: "double",
286 | },
287 | {
288 | property: "border-right-width",
289 | supportedValues: "string or SizeVariable",
290 | example: "1px",
291 | },
292 | {
293 | property: "border-start-end-radius",
294 | supportedValues: "string or SizeVariable",
295 | example: "5px",
296 | },
297 | {
298 | property: "border-start-start-radius",
299 | supportedValues: "string or SizeVariable",
300 | example: "5px",
301 | },
302 | {
303 | property: "border-top-color",
304 | supportedValues: "string or ColorVariable",
305 | example: "#3F51B5",
306 | },
307 | {
308 | property: "border-top-left-radius",
309 | supportedValues: "string or SizeVariable",
310 | example: "20px",
311 | },
312 | {
313 | property: "border-top-right-radius",
314 | supportedValues: "string or SizeVariable",
315 | example: "20px",
316 | },
317 | {
318 | property: "border-top-style",
319 | supportedValues: "string",
320 | example: "ridge",
321 | },
322 | {
323 | property: "border-top-width",
324 | supportedValues: "string or SizeVariable",
325 | example: "2px",
326 | },
327 | {
328 | property: "bottom",
329 | supportedValues: "string or SizeVariable",
330 | example: "0",
331 | },
332 | {
333 | property: "box-shadow",
334 | supportedValues: "string",
335 | example: "10px 5px 5px black",
336 | },
337 | {
338 | property: "box-sizing",
339 | supportedValues: "string",
340 | example: "border-box",
341 | },
342 | {
343 | property: "break-after",
344 | supportedValues: "string",
345 | example: "auto",
346 | },
347 | {
348 | property: "break-before",
349 | supportedValues: "string",
350 | example: "always",
351 | },
352 | {
353 | property: "break-inside",
354 | supportedValues: "string",
355 | example: "avoid",
356 | },
357 | {
358 | property: "caption-side",
359 | supportedValues: "string",
360 | example: "bottom",
361 | },
362 | {
363 | property: "caret-color",
364 | supportedValues: "string or ColorVariable",
365 | example: "blue",
366 | },
367 | {
368 | property: "clear",
369 | supportedValues: "string",
370 | example: "both",
371 | },
372 | {
373 | property: "clip",
374 | supportedValues: "string",
375 | example: "rect(0,0,0,0)",
376 | },
377 | {
378 | property: "clip-path",
379 | supportedValues: "string",
380 | example: "circle(50%)",
381 | },
382 | {
383 | property: "clip-rule",
384 | supportedValues: "string",
385 | example: "evenodd",
386 | },
387 | {
388 | property: "color",
389 | supportedValues: "string or ColorVariable",
390 | example: "#FF9800",
391 | },
392 | {
393 | property: "color-interpolation",
394 | supportedValues: "string",
395 | example: "sRGB",
396 | },
397 | {
398 | property: "color-interpolation-filters",
399 | supportedValues: "string",
400 | example: "linearRGB",
401 | },
402 | {
403 | property: "column-count",
404 | supportedValues: "string",
405 | example: "3",
406 | },
407 | {
408 | property: "column-gap",
409 | supportedValues: "string or SizeVariable",
410 | example: "20px",
411 | },
412 | {
413 | property: "column-rule-color",
414 | supportedValues: "string or ColorVariable",
415 | example: "#607D8B",
416 | },
417 | {
418 | property: "column-rule-style",
419 | supportedValues: "string",
420 | example: "solid",
421 | },
422 | {
423 | property: "column-rule-width",
424 | supportedValues: "string or SizeVariable",
425 | example: "1px",
426 | },
427 | {
428 | property: "column-span",
429 | supportedValues: "string",
430 | example: "all",
431 | },
432 | {
433 | property: "column-width",
434 | supportedValues: "string or SizeVariable",
435 | example: "200px",
436 | },
437 | {
438 | property: "content",
439 | supportedValues: "string",
440 | example: "'Hello'",
441 | },
442 | {
443 | property: "cursor",
444 | supportedValues: "string",
445 | example: "pointer",
446 | },
447 | {
448 | property: "cx",
449 | supportedValues: "string",
450 | example: "50",
451 | },
452 | {
453 | property: "cy",
454 | supportedValues: "string",
455 | example: "50",
456 | },
457 | {
458 | property: "direction",
459 | supportedValues: "string",
460 | example: "ltr",
461 | },
462 | {
463 | property: "display",
464 | supportedValues: "string",
465 | example: "flex",
466 | },
467 | {
468 | property: "dominant-baseline",
469 | supportedValues: "string",
470 | example: "alphabetic",
471 | },
472 | {
473 | property: "empty-cells",
474 | supportedValues: "string",
475 | example: "show",
476 | },
477 | {
478 | property: "fill",
479 | supportedValues: "string",
480 | example: "#f00",
481 | },
482 | {
483 | property: "fill-opacity",
484 | supportedValues: "string",
485 | example: "0.5",
486 | },
487 | {
488 | property: "fill-rule",
489 | supportedValues: "string",
490 | example: "nonzero",
491 | },
492 | {
493 | property: "filter",
494 | supportedValues: "string",
495 | example: "blur(2px)",
496 | },
497 | {
498 | property: "flex-basis",
499 | supportedValues: "string or SizeVariable",
500 | example: "auto",
501 | },
502 | {
503 | property: "flex-direction",
504 | supportedValues: "string",
505 | example: "row",
506 | },
507 | {
508 | property: "flex-grow",
509 | supportedValues: "string",
510 | example: "1",
511 | },
512 | {
513 | property: "flex-shrink",
514 | supportedValues: "string",
515 | example: "1",
516 | },
517 | {
518 | property: "flex-wrap",
519 | supportedValues: "string",
520 | example: "wrap",
521 | },
522 | {
523 | property: "float",
524 | supportedValues: "string",
525 | example: "right",
526 | },
527 | {
528 | property: "flood-color",
529 | supportedValues: "string or ColorVariable",
530 | example: "#00BCD4",
531 | },
532 | {
533 | property: "flood-opacity",
534 | supportedValues: "string",
535 | example: "0.7",
536 | },
537 | {
538 | property: "font-family",
539 | supportedValues: "string or FontFamilyVariable",
540 | example: "Arial, sans-serif",
541 | },
542 | {
543 | property: "font-kerning",
544 | supportedValues: "string",
545 | example: "normal",
546 | },
547 | {
548 | property: "font-optical-sizing",
549 | supportedValues: "string",
550 | example: "auto",
551 | },
552 | {
553 | property: "font-size",
554 | supportedValues: "string or SizeVariable",
555 | example: "16px",
556 | },
557 | {
558 | property: "font-stretch",
559 | supportedValues: "string",
560 | example: "condensed",
561 | },
562 | {
563 | property: "font-style",
564 | supportedValues: "string",
565 | example: "italic",
566 | },
567 | {
568 | property: "font-variant-alternates",
569 | supportedValues: "string",
570 | example: "normal",
571 | },
572 | {
573 | property: "font-variant-caps",
574 | supportedValues: "string",
575 | example: "small-caps",
576 | },
577 | {
578 | property: "font-variant-east-asian",
579 | supportedValues: "string",
580 | example: "normal",
581 | },
582 | {
583 | property: "font-variant-ligatures",
584 | supportedValues: "string",
585 | example: "none",
586 | },
587 | {
588 | property: "font-variant-numeric",
589 | supportedValues: "string",
590 | example: "ordinal",
591 | },
592 | {
593 | property: "font-weight",
594 | supportedValues: "string",
595 | example: "bold",
596 | },
597 | {
598 | property: "grid-auto-columns",
599 | supportedValues: "string",
600 | example: "minmax(100px, auto)",
601 | },
602 | {
603 | property: "grid-auto-flow",
604 | supportedValues: "string",
605 | example: "row dense",
606 | },
607 | {
608 | property: "grid-auto-rows",
609 | supportedValues: "string",
610 | example: "auto",
611 | },
612 | {
613 | property: "grid-column-end",
614 | supportedValues: "string",
615 | example: "span 2",
616 | },
617 | {
618 | property: "grid-column-gap",
619 | supportedValues: "string",
620 | example: "10px",
621 | },
622 | {
623 | property: "grid-column-start",
624 | supportedValues: "string",
625 | example: "1",
626 | },
627 | {
628 | property: "grid-row-end",
629 | supportedValues: "string",
630 | example: "3",
631 | },
632 | {
633 | property: "grid-row-gap",
634 | supportedValues: "string or SizeVariable",
635 | example: "20px",
636 | },
637 | {
638 | property: "grid-row-start",
639 | supportedValues: "string",
640 | example: "1",
641 | },
642 | {
643 | property: "grid-template-areas",
644 | supportedValues: "string",
645 | example: "'header header'",
646 | },
647 | {
648 | property: "grid-template-columns",
649 | supportedValues: "string",
650 | example: "50px 100px",
651 | },
652 | {
653 | property: "grid-template-rows",
654 | supportedValues: "string",
655 | example: "auto",
656 | },
657 | {
658 | property: "height",
659 | supportedValues: "string or SizeVariable",
660 | example: "100vh",
661 | },
662 | {
663 | property: "image-orientation",
664 | supportedValues: "string",
665 | example: "90deg",
666 | },
667 | {
668 | property: "image-rendering",
669 | supportedValues: "string",
670 | example: "auto",
671 | },
672 | {
673 | property: "inline-size",
674 | supportedValues: "string or SizeVariable",
675 | example: "200px",
676 | },
677 | {
678 | property: "inset-block-end",
679 | supportedValues: "string or SizeVariable",
680 | example: "20px",
681 | },
682 | {
683 | property: "inset-block-start",
684 | supportedValues: "string or SizeVariable",
685 | example: "5px",
686 | },
687 | {
688 | property: "inset-inline-end",
689 | supportedValues: "string or SizeVariable",
690 | example: "10px",
691 | },
692 | {
693 | property: "inset-inline-start",
694 | supportedValues: "string or SizeVariable",
695 | example: "10px",
696 | },
697 | {
698 | property: "isolation",
699 | supportedValues: "string",
700 | example: "isolate",
701 | },
702 | {
703 | property: "justify-content",
704 | supportedValues: "string",
705 | example: "space-between",
706 | },
707 | {
708 | property: "justify-items",
709 | supportedValues: "string",
710 | example: "stretch",
711 | },
712 | {
713 | property: "justify-self",
714 | supportedValues: "string",
715 | example: "center",
716 | },
717 | {
718 | property: "left",
719 | supportedValues: "string or SizeVariable",
720 | example: "50px",
721 | },
722 | {
723 | property: "letter-spacing",
724 | supportedValues: "string or SizeVariable",
725 | example: "0.5em",
726 | },
727 | {
728 | property: "lighting-color",
729 | supportedValues: "string or ColorVariable",
730 | example: "white",
731 | },
732 | {
733 | property: "line-break",
734 | supportedValues: "string",
735 | example: "strict",
736 | },
737 | {
738 | property: "line-height",
739 | supportedValues: "string or SizeVariable",
740 | example: "1.5",
741 | },
742 | {
743 | property: "list-style-image",
744 | supportedValues: "string",
745 | example: "url('star.png')",
746 | },
747 | {
748 | property: "list-style-position",
749 | supportedValues: "string",
750 | example: "inside",
751 | },
752 | {
753 | property: "list-style-type",
754 | supportedValues: "string",
755 | example: "disc",
756 | },
757 | {
758 | property: "margin-block-end",
759 | supportedValues: "string or SizeVariable",
760 | example: "15px",
761 | },
762 | {
763 | property: "margin-block-start",
764 | supportedValues: "string or SizeVariable",
765 | example: "15px",
766 | },
767 | {
768 | property: "margin-bottom",
769 | supportedValues: "string or SizeVariable",
770 | example: "20px",
771 | },
772 | {
773 | property: "margin-inline-end",
774 | supportedValues: "string or SizeVariable",
775 | example: "10px",
776 | },
777 | {
778 | property: "margin-inline-start",
779 | supportedValues: "string or SizeVariable",
780 | example: "10px",
781 | },
782 | {
783 | property: "margin-left",
784 | supportedValues: "string or SizeVariable",
785 | example: "30px",
786 | },
787 | {
788 | property: "margin-right",
789 | supportedValues: "string or SizeVariable",
790 | example: "30px",
791 | },
792 | {
793 | property: "margin-top",
794 | supportedValues: "string or SizeVariable",
795 | example: "10px",
796 | },
797 | {
798 | property: "marker-end",
799 | supportedValues: "string",
800 | example: "url('arrowhead.svg')",
801 | },
802 | {
803 | property: "marker-mid",
804 | supportedValues: "string",
805 | example: "url('dot.svg')",
806 | },
807 | {
808 | property: "marker-start",
809 | supportedValues: "string",
810 | example: "url('circle.svg')",
811 | },
812 | {
813 | property: "mask-type",
814 | supportedValues: "string",
815 | example: "luminance",
816 | },
817 | {
818 | property: "max-block-size",
819 | supportedValues: "string or SizeVariable",
820 | example: "100px",
821 | },
822 | {
823 | property: "max-height",
824 | supportedValues: "string or SizeVariable",
825 | example: "200px",
826 | },
827 | {
828 | property: "max-inline-size",
829 | supportedValues: "string or SizeVariable",
830 | example: "300px",
831 | },
832 | {
833 | property: "max-width",
834 | supportedValues: "string or SizeVariable",
835 | example: "80%",
836 | },
837 | {
838 | property: "min-block-size",
839 | supportedValues: "string or SizeVariable",
840 | example: "50px",
841 | },
842 | {
843 | property: "min-height",
844 | supportedValues: "string or SizeVariable",
845 | example: "100px",
846 | },
847 | {
848 | property: "min-inline-size",
849 | supportedValues: "string or SizeVariable",
850 | example: "150px",
851 | },
852 | {
853 | property: "min-width",
854 | supportedValues: "string or SizeVariable",
855 | example: "60px",
856 | },
857 | {
858 | property: "mix-blend-mode",
859 | supportedValues: "string",
860 | example: "multiply",
861 | },
862 | {
863 | property: "object-fit",
864 | supportedValues: "string",
865 | example: "cover",
866 | },
867 | {
868 | property: "object-position",
869 | supportedValues: "string",
870 | example: "center top",
871 | },
872 | {
873 | property: "offset-anchor",
874 | supportedValues: "string",
875 | example: "auto",
876 | },
877 | {
878 | property: "offset-distance",
879 | supportedValues: "string or SizeVariable",
880 | example: "10px",
881 | },
882 | {
883 | property: "offset-path",
884 | supportedValues: "string",
885 | example: "path('M10 80 Q 95 10 180 80')",
886 | },
887 | {
888 | property: "offset-rotate",
889 | supportedValues: "string",
890 | example: "auto",
891 | },
892 | {
893 | property: "opacity",
894 | supportedValues: "string",
895 | example: "0.5",
896 | },
897 | {
898 | property: "order",
899 | supportedValues: "string",
900 | example: "2",
901 | },
902 | {
903 | property: "outline-color",
904 | supportedValues: "string or ColorVariable",
905 | example: "#FF5722",
906 | },
907 | {
908 | property: "outline-offset",
909 | supportedValues: "string or SizeVariable",
910 | example: "2px",
911 | },
912 | {
913 | property: "outline-style",
914 | supportedValues: "string",
915 | example: "dashed",
916 | },
917 | {
918 | property: "outline-width",
919 | supportedValues: "string or SizeVariable",
920 | example: "3px",
921 | },
922 | {
923 | property: "overflow-wrap",
924 | supportedValues: "string",
925 | example: "break-word",
926 | },
927 | {
928 | property: "overflow-x",
929 | supportedValues: "string",
930 | example: "auto",
931 | },
932 | {
933 | property: "overflow-y",
934 | supportedValues: "string",
935 | example: "scroll",
936 | },
937 | {
938 | property: "overscroll-behavior-block",
939 | supportedValues: "string",
940 | example: "contain",
941 | },
942 | {
943 | property: "overscroll-behavior-inline",
944 | supportedValues: "string",
945 | example: "none",
946 | },
947 | {
948 | property: "padding-block-end",
949 | supportedValues: "string or SizeVariable",
950 | example: "25px",
951 | },
952 | {
953 | property: "padding-block-start",
954 | supportedValues: "string or SizeVariable",
955 | example: "25px",
956 | },
957 | {
958 | property: "padding-bottom",
959 | supportedValues: "string or SizeVariable",
960 | example: "15px",
961 | },
962 | {
963 | property: "padding-inline-end",
964 | supportedValues: "string or SizeVariable",
965 | example: "20px",
966 | },
967 | {
968 | property: "padding-inline-start",
969 | supportedValues: "string or SizeVariable",
970 | example: "20px",
971 | },
972 | {
973 | property: "padding-left",
974 | supportedValues: "string or SizeVariable",
975 | example: "10px",
976 | },
977 | {
978 | property: "padding-right",
979 | supportedValues: "string or SizeVariable",
980 | example: "10px",
981 | },
982 | {
983 | property: "padding-top",
984 | supportedValues: "string or SizeVariable",
985 | example: "10px",
986 | },
987 | {
988 | property: "paint-order",
989 | supportedValues: "string",
990 | example: "fill stroke markers",
991 | },
992 | {
993 | property: "perspective",
994 | supportedValues: "string or SizeVariable",
995 | example: "500px",
996 | },
997 | {
998 | property: "perspective-origin",
999 | supportedValues: "string",
1000 | example: "50% 50%",
1001 | },
1002 | {
1003 | property: "pointer-events",
1004 | supportedValues: "string",
1005 | example: "none",
1006 | },
1007 | {
1008 | property: "position",
1009 | supportedValues: "string",
1010 | example: "absolute",
1011 | },
1012 | {
1013 | property: "r",
1014 | supportedValues: "string or SizeVariable",
1015 | example: "50px",
1016 | },
1017 | {
1018 | property: "resize",
1019 | supportedValues: "string",
1020 | example: "both",
1021 | },
1022 | {
1023 | property: "right",
1024 | supportedValues: "string or SizeVariable",
1025 | example: "0px",
1026 | },
1027 | {
1028 | property: "rotate",
1029 | supportedValues: "string",
1030 | example: "45deg",
1031 | },
1032 | {
1033 | property: "row-gap",
1034 | supportedValues: "string or SizeVariable",
1035 | example: "20px",
1036 | },
1037 | {
1038 | property: "rx",
1039 | supportedValues: "string or SizeVariable",
1040 | example: "10px",
1041 | },
1042 | {
1043 | property: "ry",
1044 | supportedValues: "string or SizeVariable",
1045 | example: "10px",
1046 | },
1047 | {
1048 | property: "scale",
1049 | supportedValues: "string",
1050 | example: "1.2",
1051 | },
1052 | {
1053 | property: "scroll-behavior",
1054 | supportedValues: "string",
1055 | example: "smooth",
1056 | },
1057 | {
1058 | property: "scroll-margin-block-end",
1059 | supportedValues: "string or SizeVariable",
1060 | example: "10px",
1061 | },
1062 | {
1063 | property: "scroll-margin-block-start",
1064 | supportedValues: "string or SizeVariable",
1065 | example: "10px",
1066 | },
1067 | {
1068 | property: "scroll-margin-inline-end",
1069 | supportedValues: "string or SizeVariable",
1070 | example: "10px",
1071 | },
1072 | {
1073 | property: "scroll-margin-inline-start",
1074 | supportedValues: "string or SizeVariable",
1075 | example: "10px",
1076 | },
1077 | {
1078 | property: "scroll-padding-block-end",
1079 | supportedValues: "string or SizeVariable",
1080 | example: "20px",
1081 | },
1082 | {
1083 | property: "scroll-padding-block-start",
1084 | supportedValues: "string or SizeVariable",
1085 | example: "20px",
1086 | },
1087 | {
1088 | property: "scroll-padding-inline-end",
1089 | supportedValues: "string or SizeVariable",
1090 | example: "20px",
1091 | },
1092 | {
1093 | property: "scroll-padding-inline-start",
1094 | supportedValues: "string or SizeVariable",
1095 | example: "20px",
1096 | },
1097 | {
1098 | property: "shape-image-threshold",
1099 | supportedValues: "string",
1100 | example: "0.3",
1101 | },
1102 | {
1103 | property: "shape-margin",
1104 | supportedValues: "string or SizeVariable",
1105 | example: "15px",
1106 | },
1107 | {
1108 | property: "shape-outside",
1109 | supportedValues: "string",
1110 | example: "circle(50%)",
1111 | },
1112 | {
1113 | property: "shape-rendering",
1114 | supportedValues: "string",
1115 | example: "auto",
1116 | },
1117 | {
1118 | property: "stop-color",
1119 | supportedValues: "string or ColorVariable",
1120 | example: "#0D47A1",
1121 | },
1122 | {
1123 | property: "stop-opacity",
1124 | supportedValues: "string",
1125 | example: "0.8",
1126 | },
1127 | {
1128 | property: "stroke",
1129 | supportedValues: "string or ColorVariable",
1130 | example: "black",
1131 | },
1132 | {
1133 | property: "stroke-dasharray",
1134 | supportedValues: "string",
1135 | example: "5, 10",
1136 | },
1137 | {
1138 | property: "stroke-dashoffset",
1139 | supportedValues: "string or SizeVariable",
1140 | example: "5px",
1141 | },
1142 | {
1143 | property: "stroke-linecap",
1144 | supportedValues: "string",
1145 | example: "round",
1146 | },
1147 | {
1148 | property: "stroke-linejoin",
1149 | supportedValues: "string",
1150 | example: "bevel",
1151 | },
1152 | {
1153 | property: "stroke-miterlimit",
1154 | supportedValues: "string",
1155 | example: "10",
1156 | },
1157 | {
1158 | property: "stroke-opacity",
1159 | supportedValues: "string",
1160 | example: "1",
1161 | },
1162 | {
1163 | property: "stroke-width",
1164 | supportedValues: "string or SizeVariable",
1165 | example: "3px",
1166 | },
1167 | {
1168 | property: "tab-size",
1169 | supportedValues: "string or SizeVariable",
1170 | example: "4",
1171 | },
1172 | {
1173 | property: "table-layout",
1174 | supportedValues: "string",
1175 | example: "fixed",
1176 | },
1177 | {
1178 | property: "text-align",
1179 | supportedValues: "string",
1180 | example: "justify",
1181 | },
1182 | {
1183 | property: "text-align-last",
1184 | supportedValues: "string",
1185 | example: "center",
1186 | },
1187 | {
1188 | property: "text-anchor",
1189 | supportedValues: "string",
1190 | example: "start",
1191 | },
1192 | {
1193 | property: "text-decoration",
1194 | supportedValues: "string",
1195 | example: "underline",
1196 | },
1197 | {
1198 | property: "text-decoration-color",
1199 | supportedValues: "string or ColorVariable",
1200 | example: "red",
1201 | },
1202 | {
1203 | property: "text-decoration-line",
1204 | supportedValues: "string",
1205 | example: "overline",
1206 | },
1207 | {
1208 | property: "text-decoration-skip-ink",
1209 | supportedValues: "string",
1210 | example: "auto",
1211 | },
1212 | {
1213 | property: "text-decoration-style",
1214 | supportedValues: "string",
1215 | example: "dotted",
1216 | },
1217 | {
1218 | property: "text-emphasis-color",
1219 | supportedValues: "string or ColorVariable",
1220 | example: "green",
1221 | },
1222 | {
1223 | property: "text-emphasis-position",
1224 | supportedValues: "string",
1225 | example: "under right",
1226 | },
1227 | {
1228 | property: "text-emphasis-style",
1229 | supportedValues: "string",
1230 | example: "filled circle",
1231 | },
1232 | {
1233 | property: "text-indent",
1234 | supportedValues: "string or SizeVariable",
1235 | example: "20px",
1236 | },
1237 | {
1238 | property: "text-overflow",
1239 | supportedValues: "string",
1240 | example: "ellipsis",
1241 | },
1242 | {
1243 | property: "text-rendering",
1244 | supportedValues: "string",
1245 | example: "optimizeLegibility",
1246 | },
1247 | {
1248 | property: "text-shadow",
1249 | supportedValues: "string",
1250 | example: "2px 2px 5px grey",
1251 | },
1252 | {
1253 | property: "text-transform",
1254 | supportedValues: "string",
1255 | example: "uppercase",
1256 | },
1257 | {
1258 | property: "text-underline-position",
1259 | supportedValues: "string",
1260 | example: "under",
1261 | },
1262 | {
1263 | property: "top",
1264 | supportedValues: "string or SizeVariable",
1265 | example: "100px",
1266 | },
1267 | {
1268 | property: "touch-action",
1269 | supportedValues: "string",
1270 | example: "pan-right",
1271 | },
1272 | {
1273 | property: "transform",
1274 | supportedValues: "string",
1275 | example: "rotate(45deg)",
1276 | },
1277 | {
1278 | property: "transform-origin",
1279 | supportedValues: "string",
1280 | example: "top left",
1281 | },
1282 | {
1283 | property: "transform-style",
1284 | supportedValues: "string",
1285 | example: "preserve-3d",
1286 | },
1287 | {
1288 | property: "transition-delay",
1289 | supportedValues: "string",
1290 | example: "0.5s",
1291 | },
1292 | {
1293 | property: "transition-duration",
1294 | supportedValues: "string",
1295 | example: "300ms",
1296 | },
1297 | {
1298 | property: "transition-property",
1299 | supportedValues: "string",
1300 | example: "opacity",
1301 | },
1302 | {
1303 | property: "transition-timing-function",
1304 | supportedValues: "string",
1305 | example: "ease-in-out",
1306 | },
1307 | {
1308 | property: "translate",
1309 | supportedValues: "string or SizeVariable",
1310 | example: "10px, 20px",
1311 | },
1312 | {
1313 | property: "unicode-bidi",
1314 | supportedValues: "string",
1315 | example: "bidi-override",
1316 | },
1317 | {
1318 | property: "vector-effect",
1319 | supportedValues: "string",
1320 | example: "non-scaling-stroke",
1321 | },
1322 | {
1323 | property: "vertical-align",
1324 | supportedValues: "string",
1325 | example: "middle",
1326 | },
1327 | {
1328 | property: "visibility",
1329 | supportedValues: "string",
1330 | example: "hidden",
1331 | },
1332 | {
1333 | property: "white-space",
1334 | supportedValues: "string",
1335 | example: "nowrap",
1336 | },
1337 | {
1338 | property: "width",
1339 | supportedValues: "string or SizeVariable",
1340 | example: "50%",
1341 | },
1342 | {
1343 | property: "will-change",
1344 | supportedValues: "string",
1345 | example: "transform",
1346 | },
1347 | {
1348 | property: "word-break",
1349 | supportedValues: "string",
1350 | example: "break-word",
1351 | },
1352 | {
1353 | property: "word-spacing",
1354 | supportedValues: "string or SizeVariable",
1355 | example: "5px",
1356 | },
1357 | {
1358 | property: "writing-mode",
1359 | supportedValues: "string",
1360 | example: "vertical-rl",
1361 | },
1362 | {
1363 | property: "x",
1364 | supportedValues: "string or SizeVariable",
1365 | example: "5px",
1366 | },
1367 | {
1368 | property: "y",
1369 | supportedValues: "string or SizeVariable",
1370 | example: "10px",
1371 | },
1372 | {
1373 | property: "z-index",
1374 | supportedValues: "string",
1375 | example: "10",
1376 | },
1377 | {
1378 | property: "-webkit-line-clamp",
1379 | supportedValues: "string",
1380 | example: "3",
1381 | },
1382 | {
1383 | property: "-webkit-text-fill-color",
1384 | supportedValues: "string or ColorVariable",
1385 | example: "#FF5722",
1386 | },
1387 | {
1388 | property: "-webkit-text-stroke-color",
1389 | supportedValues: "string or ColorVariable",
1390 | example: "#4CAF50",
1391 | },
1392 | {
1393 | property: "-webkit-text-stroke-width",
1394 | supportedValues: "string or SizeVariable",
1395 | example: "1px",
1396 | },
1397 | ];
1398 |
```