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