| // The popularity ranking of all css properties the first properties is the most |
| // used property according to: https://www.chromestatus.com/metrics/css/popularity |
| { |
| "data": [ |
| "width", |
| "height", |
| "display", |
| "padding", |
| "position", |
| "border", |
| "margin", |
| "top", |
| "left", |
| "margin-top", |
| "color", |
| "font-size", |
| "background-color", |
| "text-align", |
| "opacity", |
| "float", |
| "font-weight", |
| "background", |
| "font-family", |
| "overflow", |
| "line-height", |
| "text-decoration", |
| "z-index", |
| "box-sizing", |
| "vertical-align", |
| "margin-left", |
| "cursor", |
| "margin-bottom", |
| "border-radius", |
| "margin-right", |
| "padding-left", |
| "right", |
| "padding-top", |
| "background-image", |
| "max-width", |
| "padding-right", |
| "bottom", |
| "content", |
| "white-space", |
| "border-bottom", |
| "padding-bottom", |
| "box-shadow", |
| "visibility", |
| "min-height", |
| "background-position", |
| "border-top", |
| "transform", |
| "outline", |
| "clear", |
| "min-width", |
| "transition", |
| "border-color", |
| "background-repeat", |
| "text-transform", |
| "background-size", |
| "list-style", |
| "-webkit-transform", |
| "max-height", |
| "font", |
| "font-style", |
| "border-left", |
| "-webkit-box-sizing", |
| "border-right", |
| "border-width", |
| "text-overflow", |
| "-webkit-user-select", |
| "-webkit-user-select", |
| "-webkit-transition", |
| "overflow-y", |
| "justify-content", |
| "align-items", |
| "border-style", |
| "-webkit-font-smoothing", |
| "pointer-events", |
| "letter-spacing", |
| "-webkit-appearance", |
| "animation", |
| "border-collapse", |
| "overflow-x", |
| "zoom", |
| "word-wrap", |
| "word-wrap", |
| "-webkit-tap-highlight-color", |
| "flex-direction", |
| "-webkit-box-shadow", |
| "border-bottom-left-radius", |
| "list-style-type", |
| "flex", |
| "-webkit-text-size-adjust", |
| "text-shadow", |
| "user-select", |
| "text-indent", |
| "border-top-left-radius", |
| "border-spacing", |
| "transform-origin", |
| "border-bottom-right-radius", |
| "fill", |
| "-webkit-border-radius", |
| "-webkit-animation", |
| "clip", |
| "border-top-right-radius", |
| "flex-wrap", |
| "border-top-color", |
| "word-break", |
| "border-bottom-color", |
| "flex-grow", |
| "text-rendering", |
| "direction", |
| "-webkit-box-orient", |
| "align-self", |
| "background-clip", |
| "filter", |
| "src", |
| "flex-shrink", |
| "animation-timing-function", |
| "-webkit-transform-origin", |
| "touch-action", |
| "-webkit-box-align", |
| "border-right-color", |
| "-webkit-align-items", |
| "border-left-color", |
| "-webkit-justify-content", |
| "font-variant", |
| "-webkit-line-clamp", |
| "-webkit-background-size", |
| "transition-property", |
| "animation-name", |
| "animation-duration", |
| "-webkit-flex", |
| "table-layout", |
| "transition-delay", |
| "stroke", |
| "-webkit-backface-visibility", |
| "will-change", |
| "border-bottom-width", |
| "border-top-width", |
| "-webkit-box-flex", |
| "flex-basis", |
| "outline-width", |
| "order", |
| "-webkit-box-pack", |
| "overflow-wrap", |
| "animation-fill-mode", |
| "outline-style", |
| "outline-offset", |
| "border-right-width", |
| "transition-duration", |
| "object-fit", |
| "-webkit-animation-timing-function", |
| "stroke-width", |
| "speak", |
| "-webkit-border-top-right-radius", |
| "-webkit-filter", |
| "-webkit-filter", |
| "resize", |
| "-webkit-flex-direction", |
| "unicode-bidi", |
| "animation-delay", |
| "transition-timing-function", |
| "stroke-dashoffset", |
| "border-left-width", |
| "unicode-range", |
| "backface-visibility", |
| "word-spacing", |
| "flex-flow", |
| "-webkit-animation-name", |
| "animation-iteration-count", |
| "stroke-dasharray", |
| "-webkit-animation-duration", |
| "-webkit-flex-wrap", |
| "variable", |
| "-webkit-border-top-left-radius", |
| "align-content", |
| "image-rendering", |
| "-webkit-box-direction", |
| "-webkit-transition-property", |
| "border-bottom-style", |
| "-webkit-transition-duration", |
| "-webkit-transition-timing-function", |
| "-webkit-animation-fill-mode", |
| "perspective", |
| "border-top-style", |
| "-webkit-animation-delay", |
| "-webkit-flex-grow", |
| "-webkit-flex-shrink", |
| "animation-direction", |
| "-webkit-border-bottom-left-radius", |
| "-webkit-border-bottom-right-radius", |
| "-webkit-animation-iteration-count", |
| "transform-style", |
| "text-size-adjust", |
| "-webkit-transform-style", |
| "list-style-position", |
| "-webkit-transition-delay", |
| "-webkit-background-clip", |
| "-webkit-background-clip", |
| "background-origin", |
| "animation-play-state", |
| "grid-template-columns", |
| "background-position-x", |
| "background-attachment", |
| "-webkit-flex-flow", |
| "-webkit-flex-basis", |
| "-webkit-perspective", |
| "hyphens", |
| "quotes", |
| "-webkit-align-self", |
| "-webkit-order", |
| "-webkit-opacity", |
| "font-feature-settings", |
| "border-left-style", |
| "border-right-style", |
| "outline-color", |
| "scroll-boundary-behavior", |
| "scroll-boundary-behavior", |
| "font-stretch", |
| "background-position-y", |
| "clip-path", |
| "-webkit-mask-image", |
| "-webkit-box-ordinal-group", |
| "-webkit-animation-direction", |
| "-webkit-animation-direction", |
| "list-style-image", |
| "font-display", |
| "counter-increment", |
| "counter-reset", |
| "-webkit-align-content", |
| "column-count", |
| "border-image", |
| "size", |
| "-webkit-font-feature-settings", |
| "-webkit-font-feature-settings", |
| "-webkit-user-drag", |
| "text-decoration-color", |
| "page-break-inside", |
| "empty-cells", |
| "column-gap", |
| "-webkit-animation-play-state", |
| "-webkit-clip-path", |
| "-webkit-clip-path", |
| "stroke-linecap", |
| "page-break-after", |
| "all", |
| "object-position", |
| "contain", |
| "fill-opacity", |
| "-webkit-column-count", |
| "orphans", |
| "margin-block-end", |
| "padding-inline-start", |
| "font-variant-ligatures", |
| "margin-inline-start", |
| "widows", |
| "margin-inline-end", |
| "grid-gap", |
| "stroke-opacity", |
| "caption-side", |
| "-webkit-text-fill-color", |
| "grid-template-rows", |
| "padding-inline-end", |
| "perspective-origin", |
| "column-width", |
| "grid-column", |
| "shape-outside", |
| "mix-blend-mode", |
| "-webkit-column-gap", |
| "scroll-behavior", |
| "line-break", |
| "line-break", |
| "text-align-last", |
| "columns", |
| "caret-color", |
| "grid-auto-rows", |
| "column-rule", |
| "stroke-miterlimit", |
| "border-image-repeat", |
| "break-inside", |
| "grid-column-gap", |
| "border-image-width", |
| "justify-self", |
| "text-decoration-skip", |
| "fill-rule", |
| "border-image-slice", |
| "overflow-anchor", |
| "border-image-outset", |
| "column-fill", |
| "stroke-linejoin", |
| "tab-size", |
| "justify-items", |
| "-webkit-user-modify", |
| "page-break-before", |
| "grid-row", |
| "-webkit-column-width", |
| "-webkit-margin-before", |
| "-webkit-margin-before", |
| "text-decoration-line", |
| "font-kerning", |
| "grid-area", |
| "-webkit-perspective-origin", |
| "scroll-snap-type", |
| "scroll-boundary-behavior-y", |
| "scroll-boundary-behavior-y", |
| "grid-template-areas", |
| "-webkit-box-decoration-break", |
| "scroll-snap-align", |
| "border-image-source", |
| "text-decoration-style", |
| "-webkit-box-lines", |
| "grid-row-gap", |
| "-webkit-padding-start", |
| "-webkit-padding-start", |
| "-webkit-margin-after", |
| "-webkit-margin-after", |
| "-webkit-margin-start", |
| "-webkit-margin-start", |
| "-webkit-print-color-adjust", |
| "-webkit-column-break-inside", |
| "grid-column-start", |
| "-webkit-mask-size", |
| "backdrop-filter", |
| "-webkit-text-stroke-width", |
| "grid-auto-flow", |
| "-webkit-margin-end", |
| "-webkit-margin-end", |
| "-webkit-columns", |
| "-webkit-box-reflect", |
| "stop-color", |
| "background-blend-mode", |
| "clip-rule", |
| "-webkit-border-image", |
| "column-rule-color", |
| "grid-column-end", |
| "font-variant-numeric", |
| "isolation", |
| "-webkit-mask-box-image", |
| "shape-rendering", |
| "writing-mode", |
| "column-rule-style", |
| "dominant-baseline", |
| "-webkit-mask-position", |
| "break-after", |
| "-webkit-text-stroke", |
| "break-before", |
| "margin-block-start", |
| "-webkit-column-rule", |
| "-webkit-line-break", |
| "text-decoration-skip-ink", |
| "alignment-baseline", |
| "grid-row-start", |
| "-webkit-mask-repeat", |
| "grid-auto-columns", |
| "font-variant-caps", |
| "-webkit-text-stroke-color", |
| "-webkit-text-security", |
| "baseline-shift", |
| "background-repeat-x", |
| "page", |
| "grid-row-end", |
| "-webkit-hyphenate-character", |
| "text-anchor", |
| "-webkit-writing-mode", |
| "stop-opacity", |
| "column-span", |
| "-webkit-mask", |
| "-webkit-background-origin", |
| "-webkit-background-origin", |
| "mask", |
| "border-inline-start-width", |
| "border-inline-end-width", |
| "mask-type", |
| "-webkit-highlight", |
| "font-variant-east-asian", |
| "text-underline-position", |
| "marker", |
| "-webkit-padding-end", |
| "-webkit-padding-end", |
| "column-rule-width", |
| "vector-effect", |
| "background-repeat-y", |
| "text-orientation", |
| "-webkit-text-emphasis-color", |
| "-webkit-rtl-ordering", |
| "r", |
| "shape-margin", |
| "shape-image-threshold", |
| "scroll-boundary-behavior-x", |
| "scroll-boundary-behavior-x", |
| "inline-size", |
| "-webkit-mask-composite", |
| "-webkit-mask-clip", |
| "ry", |
| "min-inline-size", |
| "rx", |
| "-webkit-mask-position-y", |
| "-webkit-mask-origin", |
| "block-size", |
| "-webkit-app-region", |
| "text-combine-upright", |
| "padding-block-start", |
| "row-gap", |
| "grid-template", |
| "min-block-size", |
| "padding-block-end", |
| "border-inline-start-color", |
| "border-inline-end-color", |
| "-webkit-column-span", |
| "-webkit-border-vertical-spacing", |
| "cx", |
| "border-inline-end-style", |
| "border-block-end-width", |
| "border-block-start-width", |
| "border-inline-start-style", |
| "border-block-end-style", |
| "border-block-end-color", |
| "border-block-start-color", |
| "border-block-start-style", |
| "-webkit-padding-before", |
| "-webkit-padding-before", |
| "cy", |
| "-webkit-border-horizontal-spacing", |
| "x", |
| "-webkit-padding-after", |
| "-webkit-padding-after", |
| "-webkit-mask-position-x", |
| "y", |
| "-webkit-text-decorations-in-effect", |
| "color-interpolation-filters", |
| "paint-order", |
| "color-interpolation", |
| "-webkit-transform-origin-x", |
| "-webkit-transform-origin-y", |
| "-webkit-border-before-color", |
| "-webkit-border-before-color", |
| "-webkit-border-before-width", |
| "-webkit-border-before-width", |
| "flood-color", |
| "flood-opacity", |
| "lighting-color", |
| "color-rendering", |
| "gap", |
| "-webkit-text-emphasis-position", |
| "-webkit-column-break-before", |
| "-webkit-text-orientation", |
| "marker-end", |
| "-webkit-locale", |
| "marker-start", |
| "buffered-rendering", |
| "marker-mid", |
| "scroll-snap-stop", |
| "-webkit-text-emphasis", |
| "-webkit-text-emphasis-style", |
| "-webkit-text-combine", |
| "place-content", |
| "offset-path", |
| "offset-rotate", |
| "offset-distance", |
| "-webkit-border-before-style", |
| "-webkit-border-before-style", |
| "transform-box", |
| "-webkit-mask-box-image-width", |
| "scroll-padding-left", |
| "-webkit-mask-box-image-source", |
| "-webkit-mask-box-image-repeat", |
| "-webkit-mask-box-image-slice", |
| "-webkit-mask-box-image-outset", |
| "-webkit-column-rule-color", |
| "font-variation-settings", |
| "max-inline-size", |
| "max-block-size", |
| "-webkit-column-rule-style", |
| "-webkit-perspective-origin-x", |
| "-webkit-perspective-origin-y", |
| "scroll-padding", |
| "d", |
| "scroll-padding-top", |
| "scroll-snap-margin", |
| "scroll-snap-margin", |
| "-webkit-box-flex-group", |
| "-webkit-column-break-after", |
| "scroll-padding-bottom", |
| "scroll-padding-right", |
| "scroll-snap-margin-top", |
| "scroll-snap-margin-top", |
| "-webkit-ruby-position", |
| "grid", |
| "scroll-snap-margin-right", |
| "scroll-snap-margin-right", |
| "scroll-padding-inline-start", |
| "scroll-snap-margin-left", |
| "scroll-snap-margin-left", |
| "scroll-snap-margin-bottom", |
| "scroll-snap-margin-bottom", |
| "scroll-snap-margin-block-start", |
| "scroll-snap-margin-block-start", |
| "scroll-snap-margin-block-end", |
| "scroll-snap-margin-block-end", |
| "scroll-padding-block-start", |
| "scroll-padding-inline-end", |
| "scroll-snap-margin-inline-end", |
| "scroll-snap-margin-inline-end", |
| "scroll-padding-block-end", |
| "scroll-snap-margin-inline-start", |
| "scroll-snap-margin-inline-start", |
| "place-items", |
| "place-self", |
| "-webkit-column-rule-width", |
| "font-optical-sizing", |
| "-webkit-border-end-color", |
| "-webkit-border-end-color", |
| "-webkit-border-end-width", |
| "-webkit-border-end-width", |
| "-webkit-border-start-color", |
| "-webkit-border-start-color", |
| "-webkit-border-start-width", |
| "-webkit-border-start-width", |
| "-webkit-border-after-color", |
| "-webkit-border-after-color", |
| "-webkit-border-after-width", |
| "-webkit-border-after-width", |
| "border-block-end", |
| "border-inline-start", |
| "border-block-start", |
| "border-inline-end", |
| "-webkit-shape-outside", |
| "offset", |
| "-webkit-border-before", |
| "-webkit-border-before", |
| "-webkit-border-after", |
| "-webkit-border-after", |
| "-webkit-border-start", |
| "-webkit-border-start", |
| "-webkit-border-end", |
| "-webkit-border-end", |
| "offset-rotation", |
| "-webkit-transform-origin-z", |
| "-webkit-logical-height", |
| "-webkit-logical-height", |
| "-webkit-min-logical-width", |
| "-webkit-min-logical-width", |
| "-webkit-font-size-delta", |
| "-webkit-logical-width", |
| "-webkit-logical-width", |
| "-webkit-max-logical-width", |
| "-webkit-max-logical-width", |
| "-webkit-min-logical-height", |
| "-webkit-min-logical-height", |
| "-webkit-max-logical-height", |
| "-webkit-max-logical-height", |
| "scroll-padding-block", |
| "scroll-padding-inline", |
| "scroll-snap-margin-block", |
| "scroll-snap-margin-block", |
| "scroll-snap-margin-inline", |
| "scroll-snap-margin-inline", |
| "-webkit-border-end-style", |
| "-webkit-border-end-style", |
| "overscroll-behavior-inline", |
| "overscroll-behavior-block", |
| "-webkit-border-start-style", |
| "-webkit-border-start-style", |
| "motion", |
| "-webkit-border-after-style", |
| "-webkit-border-after-style", |
| "-webkit-shape-margin", |
| "-epub-word-break", |
| "motion-path", |
| "motion-path", |
| "font-size-adjust", |
| "text-justify", |
| "-webkit-shape-image-threshold", |
| "-epub-writing-mode", |
| "motion-offset", |
| "motion-offset", |
| "-epub-text-transform", |
| "inset", |
| "scale", |
| "inset-inline-start", |
| "inset-inline-end", |
| "translate", |
| "rotate", |
| "-epub-text-combine", |
| "mask-source-type", |
| "snap-height", |
| "snap-height", |
| "offset-anchor", |
| "offset-position", |
| "margin-block", |
| "user-zoom", |
| "padding-block", |
| "-webkit-mask-repeat-x", |
| "-webkit-mask-repeat-y", |
| "-epub-text-orientation", |
| "border-block-color", |
| "orientation", |
| "text-overline-mode", |
| "text-overline", |
| "-epub-caption-side", |
| "-epub-text-emphasis-color", |
| "-epub-text-emphasis-style", |
| "margin-inline", |
| "padding-inline", |
| "border-block", |
| "border-inline", |
| "inset-block-end", |
| "inset-block", |
| "inset-inline", |
| "content-size", |
| "text-line-through", |
| "text-line-through-color", |
| "text-line-through-mode", |
| "text-line-through-style", |
| "text-line-through-width", |
| "text-overline-color", |
| "text-overline-style", |
| "text-overline-width", |
| "text-underline", |
| "text-underline-color", |
| "text-underline-mode", |
| "text-underline-style", |
| "text-underline-width", |
| "-webkit-aspect-ratio", |
| "-webkit-background-composite", |
| "-webkit-border-fit", |
| "-webkit-color-correction", |
| "-webkit-column-axis", |
| "-webkit-column-progression", |
| "-webkit-box-decoration-break", |
| "-webkit-filter", |
| "-webkit-hyphenate-limit-after", |
| "-webkit-hyphenate-limit-before", |
| "-webkit-hyphenate-limit-lines", |
| "-webkit-hyphens", |
| "-webkit-line-box-contain", |
| "-webkit-line-align", |
| "-webkit-line-grid", |
| "-webkit-line-snap", |
| "-webkit-marquee", |
| "-webkit-marquee-direction", |
| "-webkit-marquee-increment", |
| "-webkit-marquee-repetition", |
| "-webkit-marquee-speed", |
| "-webkit-marquee-style", |
| "-webkit-nbsp-mode", |
| "-webkit-flow-into", |
| "-webkit-flow-from", |
| "-webkit-region-fragment", |
| "-webkit-region-break-after", |
| "-webkit-region-break-before", |
| "-webkit-region-break-inside", |
| "shape-inside", |
| "shape-padding", |
| "-webkit-wrap-flow", |
| "-webkit-wrap-through", |
| "-webkit-wrap", |
| "-webkit-tap-highlight-color", |
| "-webkit-app-region", |
| "enable-background", |
| "color-profile", |
| "glyph-orientation-horizontal", |
| "glyph-orientation-vertical", |
| "kerning", |
| "-webkit-svg-shadow", |
| "-webkit-cursor-visibility", |
| "image-orientation", |
| "image-resolution", |
| "-webkit-blend-mode", |
| "-webkit-background-blend-mode", |
| "max-zoom", |
| "min-zoom", |
| "-webkit-dashboard-region", |
| "-webkit-overflow-scrolling", |
| "internal-callback", |
| "touch-action-delay", |
| "scroll-blocks-on", |
| "motion-rotation", |
| "motion-rotation", |
| "-epub-text-emphasis", |
| "scroll-snap-points-x", |
| "scroll-snap-points-y", |
| "scroll-snap-coordinate", |
| "scroll-snap-destination", |
| "image-orientation", |
| "apply-at-rule", |
| "viewport-fit", |
| "border-block-style", |
| "border-block-width", |
| "border-inline-color", |
| "border-inline-style", |
| "border-inline-width", |
| "inset-block-start", |
| "syntax", |
| "content-visibility", |
| "origin-trial-test-property", |
| "overflow-clip-margin", |
| ], |
| "properties": {} |
| } |