pulsar-edit/pulsar
1
1
Fork 0
mirror of https://github.com/pulsar-edit/pulsar.git synced 2024-08-16 22:50:22 +03:00
Code Issues Packages Projects Releases Wiki Activity
master
pulsar/packages/autocomplete-css/completions.json
confused-Techie cb31730a27 Implement bubbleSort() and propertySort()
2023-05-21 15:55:34 -07:00

7581 lines
232 KiB
JSON
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"tags": [
"a",
"abbr",
"acronym",
"address",
"applet",
"area",
"article",
"aside",
"audio",
"b",
"base",
"bdi",
"bdo",
"bgsound",
"big",
"blink",
"blockquote",
"body",
"br",
"button",
"canvas",
"caption",
"center",
"cite",
"code",
"col",
"colgroup",
"content",
"data",
"datalist",
"dd",
"del",
"details",
"dfn",
"dialog",
"dir",
"div",
"dl",
"dt",
"em",
"embed",
"fieldset",
"figcaption",
"figure",
"font",
"footer",
"form",
"frame",
"frameset",
"head",
"header",
"h1",
"h2",
"h3",
"h4",
"h5",
"h6",
"hgroup",
"hr",
"html",
"i",
"iframe",
"image",
"img",
"input",
"ins",
"kbd",
"keygen",
"label",
"legend",
"li",
"link",
"main",
"map",
"mark",
"marquee",
"menu",
"menuitem",
"meta",
"meter",
"nav",
"nobr",
"noembed",
"noframes",
"noscript",
"object",
"ol",
"optgroup",
"option",
"output",
"p",
"param",
"picture",
"plaintext",
"portal",
"pre",
"progress",
"q",
"rb",
"rp",
"rt",
"rtc",
"ruby",
"s",
"samp",
"script",
"section",
"select",
"shadow",
"slot",
"small",
"source",
"spacer",
"span",
"strike",
"strong",
"style",
"sub",
"summary",
"sup",
"table",
"tbody",
"td",
"template",
"textarea",
"tfoot",
"th",
"thead",
"time",
"title",
"tr",
"track",
"tt",
"u",
"ul",
"var",
"video",
"wbr",
"xmp"
],
"properties": {
"width": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The width CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area."
},
"display": {
"values": [
"block",
"inline",
"run-in",
"flow",
"flow-root",
"table",
"flex",
"grid",
"ruby",
"list-item",
"table-row-group",
"table-header-group",
"table-footer-group",
"table-row",
"table-cell",
"table-column-group",
"table-column",
"table-caption",
"ruby-base",
"ruby-text",
"ruby-base-container",
"ruby-text-container",
"contents",
"none",
"inline-block",
"inline-table",
"inline-flex",
"inline-grid",
"inherit",
"initial",
"unset"
],
"description": "The display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex."
},
"height": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines the height of the border area."
},
"margin": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin CSS shorthand property sets the margin area on all four sides of an element."
},
"padding": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding CSS shorthand property sets the padding area on all four sides of an element at once."
},
"position": {
"values": [
"static",
"relative",
"absolute",
"sticky",
"fixed",
"inherit",
"initial",
"unset"
],
"description": "The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements."
},
"border": {
"values": [
"thin",
"medium",
"thick",
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "CSSRef(CSS Borders)"
},
"top": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The top CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements."
},
"left": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The left CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements."
},
"color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The color CSS property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value. currentcolor may be used as an indirect value on other properties and is the default for other color properties, such as border-color."
},
"font-size": {
"values": [
"math",
"inherit",
"initial",
"unset"
],
"description": "The font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative <length> units, such as em, ex, and so forth."
},
"margin-top": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-top CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer."
},
"background-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The background-color CSS property sets the background color of an element."
},
"text-align": {
"values": [
"start",
"end",
"left",
"right",
"center",
"justify",
"match-parent",
"justify-all",
"inherit",
"initial",
"unset"
],
"description": "The text-align CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box. This means it works like vertical-align but in the horizontal direction."
},
"font-weight": {
"values": [
"normal",
"bold",
"bolder",
"lighter",
"inherit",
"initial",
"unset"
],
"description": "The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set."
},
"background": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "CSSRef(CSS Background)"
},
"overflow": {
"values": [
"visible",
"hidden",
"clip",
"scroll",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overflow CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directions."
},
"font-family": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element."
},
"line-height": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height."
},
"opacity": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency."
},
"box-sizing": {
"values": [
"content-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "The box-sizing CSS property sets how the total width and height of an element is calculated."
},
"border-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners."
},
"z-index": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one."
},
"margin-left": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer."
},
"text-decoration": {
"values": [
"none",
"underline",
"overline",
"line-through",
"blink",
"auto",
"from-font",
"solid",
"double",
"dotted",
"dashed",
"wavy",
"inherit",
"initial",
"unset"
],
"description": "The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property."
},
"cursor": {
"values": [
"url(",
"src(",
"auto",
"default",
"none",
"context-menu",
"help",
"pointer",
"progress",
"wait",
"cell",
"crosshair",
"text",
"vertical-text",
"alias",
"copy",
"move",
"no-drop",
"not-allowed",
"grab",
"grabbing",
"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",
"inherit",
"initial",
"unset"
],
"description": "The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element."
},
"vertical-align": {
"values": [
"first",
"last",
"baseline",
"text-bottom",
"alphabetic",
"ideographic",
"middle",
"central",
"mathematical",
"text-top",
"sub",
"super",
"top",
"center",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The vertical-align CSS property sets vertical alignment of an inline, inline-block or table-cell box."
},
"right": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The right CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements."
},
"margin-bottom": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-bottom CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer."
},
"margin-right": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer."
},
"max-width": {
"values": [
"none",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width."
},
"transform": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The transform CSS property lets you rotate, scale, skew, or translate an element."
},
"float": {
"values": [
"block-start",
"block-end",
"inline-start",
"inline-end",
"snap-block",
"snap-inline",
"left",
"right",
"top",
"bottom",
"none",
"inherit",
"initial",
"unset"
],
"description": "The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning."
},
"bottom": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The bottom CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements."
},
"padding-top": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-top CSS property sets the height of the padding area on the top of an element."
},
"padding-left": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-left CSS property sets the width of the padding area to the left of an element."
},
"box-shadow": {
"values": [
"none",
"inset",
"inherit",
"initial",
"unset"
],
"description": "The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color."
},
"content": {
"values": [
"normal",
"none",
"inherit",
"initial",
"unset"
],
"description": "The content CSS property replaces an element with a generated value. Objects inserted using the content property are anonymous replaced elements."
},
"white-space": {
"values": [
"normal",
"pre",
"nowrap",
"pre-wrap",
"break-spaces",
"pre-line",
"inherit",
"initial",
"unset"
],
"description": "The white-space CSS property sets how Glossary(whitespace, white space) inside an element is handled."
},
"font-style": {
"values": [
"normal",
"italic",
"oblique",
"inherit",
"initial",
"unset"
],
"description": "The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family."
},
"padding-bottom": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-bottom CSS property sets the height of the padding area on the bottom of an element."
},
"min-height": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height."
},
"padding-right": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-right CSS property sets the width of the padding area on the right of an element."
},
"transition": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The transition CSS property is a shorthand property for cssxref(transition-property) , cssxref(transition-duration) , cssxref(transition-timing-function) , and cssxref(transition-delay) ."
},
"background-image": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The background-image CSS property sets one or more background images on an element."
},
"min-width": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width."
},
"border-bottom": {
"values": [
"thin",
"medium",
"thick",
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width, border-bottom-style and border-bottom-color."
},
"outline": {
"values": [
"invert",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The outline CSS shorthand property sets most of the outline properties in a single declaration."
},
"background-position": {
"values": [
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin."
},
"visibility": {
"values": [
"visible",
"hidden",
"collapse",
"inherit",
"initial",
"unset"
],
"description": "The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a table."
},
"border-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-color shorthand CSS property sets the color of an element's border."
},
"border-top": {
"values": [
"thin",
"medium",
"thick",
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-top shorthand CSS property sets all the properties of an element's top border."
},
"justify-content": {
"values": [
"normal",
"space-between",
"space-around",
"space-evenly",
"stretch",
"unsafe",
"safe",
"center",
"start",
"end",
"flex-start",
"flex-end",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The CSS justify-content property defines how the browser distributes space between and around content items along the Glossary(Main Axis, main-axis) of a flex container, and the inline axis of a grid container."
},
"align-items": {
"values": [
"normal",
"stretch",
"first",
"last",
"baseline",
"unsafe",
"safe",
"center",
"start",
"end",
"self-start",
"self-end",
"flex-start",
"flex-end",
"inherit",
"initial",
"unset"
],
"description": "The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the glossary(Cross Axis). In Grid Layout, it controls the alignment of items on the Block Axis within their glossary(Grid Areas, grid area)."
},
"max-height": {
"values": [
"none",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height."
},
"text-transform": {
"values": [
"none",
"capitalize",
"uppercase",
"lowercase",
"full-width",
"full-size-kana",
"inherit",
"initial",
"unset"
],
"description": "The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby."
},
"background-size": {
"values": [
"auto",
"cover",
"contain",
"inherit",
"initial",
"unset"
],
"description": "The background-size CSS property sets the size of the element's background image."
},
"background-repeat": {
"values": [
"repeat-x",
"repeat-y",
"repeat",
"space",
"round",
"no-repeat",
"inherit",
"initial",
"unset"
],
"description": "The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all."
},
"flex-direction": {
"values": [
"row",
"row-reverse",
"column",
"column-reverse",
"inherit",
"initial",
"unset"
],
"description": "The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed)."
},
"list-style": {
"values": [
"inside",
"outside",
"none",
"inherit",
"initial",
"unset"
],
"description": "The list-style CSS shorthand property allows you to set all the list style properties at once."
},
"clear": {
"values": [
"inline-start",
"inline-end",
"block-start",
"block-end",
"left",
"right",
"top",
"bottom",
"none",
"inherit",
"initial",
"unset"
],
"description": "The clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements."
},
"font": {
"values": [
"normal",
"italic",
"oblique",
"small-caps",
"bolder",
"lighter",
"ultra-condensed",
"extra-condensed",
"condensed",
"semi-condensed",
"semi-expanded",
"expanded",
"extra-expanded",
"ultra-expanded",
"math",
"caption",
"icon",
"menu",
"message-box",
"small-caption",
"status-bar",
"inherit",
"initial",
"unset"
],
"description": "The font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font."
},
"overflow-y": {
"values": [
"visible",
"hidden",
"clip",
"scroll",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overflow-y CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content."
},
"animation": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state."
},
"pointer-events": {
"values": [
"auto",
"bounding-box",
"visiblePainted",
"visibleFill",
"visibleStroke",
"visible",
"painted",
"fill",
"stroke",
"all",
"none",
"inherit",
"initial",
"unset"
],
"description": "The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events."
},
"text-overflow": {
"values": [
"clip",
"ellipsis",
"fade",
"inherit",
"initial",
"unset"
],
"description": "The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…'), or display a custom string."
},
"border-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The border-width shorthand CSS property sets the width of an element's border."
},
"border-left": {
"values": [
"thin",
"medium",
"thick",
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-left shorthand CSS property sets all the properties of an element's left border."
},
"user-select": {
"values": [
"auto",
"text",
"none",
"contain",
"all",
"inherit",
"initial",
"unset"
],
"description": "The user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its Glossary(Chrome, chrome)), except in textboxes."
},
"letter-spacing": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing causes characters to spread farther apart, while negative values of letter-spacing bring characters closer together."
},
"border-right": {
"values": [
"thin",
"medium",
"thick",
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-right shorthand CSS property sets all the properties of an element's right border."
},
"overflow-x": {
"values": [
"visible",
"hidden",
"clip",
"scroll",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overflow-x CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content."
},
"flex-wrap": {
"values": [
"nowrap",
"wrap",
"wrap-reverse",
"inherit",
"initial",
"unset"
],
"description": "The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked."
},
"flex": {
"values": [
"none",
"content",
"inherit",
"initial",
"unset"
],
"description": "The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container."
},
"border-style": {
"values": [
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"inherit",
"initial",
"unset"
],
"description": "The border-style shorthand CSS property sets the line style for all four sides of an element's border."
},
"word-wrap": {
"values": [
"normal",
"break-word",
"anywhere",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether the UA may break at otherwise disallowed points within a line to prevent overflow, when an otherwise-unbreakable string is too long to fit within the line box."
},
"fill": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The fill attribute has two different meanings. For shapes and text it's a presentation attribute that defines the color (or any SVG paint servers like gradients or patterns) used to paint the element; for animation it defines the final state of the animation."
},
"flex-grow": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The flex-grow CSS property sets the flex grow factor of a flex item's main size."
},
"transform-origin": {
"values": [
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The transform-origin CSS property sets the origin for an element's transformations."
},
"word-break": {
"values": [
"normal",
"keep-all",
"break-all",
"break-word",
"inherit",
"initial",
"unset"
],
"description": "The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box."
},
"border-top-right-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-top-right-radius CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner."
},
"flex-shrink": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink."
},
"border-top-left-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner."
},
"border-bottom-left-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-bottom-left-radius CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner."
},
"text-shadow": {
"values": [
"none",
"inset",
"inherit",
"initial",
"unset"
],
"description": "The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color."
},
"border-bottom-right-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-bottom-right-radius CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner."
},
"list-style-type": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element."
},
"clip": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The clip CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position,position:absolute or position,position:fixed."
},
"align-self": {
"values": [
"auto",
"normal",
"stretch",
"first",
"last",
"baseline",
"unsafe",
"safe",
"center",
"start",
"end",
"self-start",
"self-end",
"flex-start",
"flex-end",
"inherit",
"initial",
"unset"
],
"description": "The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the glossary(Grid Areas, grid area). In Flexbox, it aligns the item on the glossary(cross axis)."
},
"border-collapse": {
"values": [
"separate",
"collapse",
"inherit",
"initial",
"unset"
],
"description": "The border-collapse CSS property sets whether cells inside a table have shared or separate borders."
},
"animation-duration": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The animation-duration CSS property sets the length of time that an animation takes to complete one cycle."
},
"animation-name": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The animation-name CSS property specifies the names of one or more @keyframes at-rules that describe the animation to apply to an element. Multiple @keyframe at-rules are specified as a comma-separated list of names. If the specified name does not match any @keyframe at-rule, no properties are animated."
},
"animation-timing-function": {
"values": [
"linear",
"inherit",
"initial",
"unset"
],
"description": "The animation-timing-function CSS property sets how an animation progresses through the duration of each cycle."
},
"direction": {
"values": [
"ltr",
"rtl",
"inherit",
"initial",
"unset"
],
"description": "The direction CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl for languages written from right to left (like Hebrew or Arabic), and ltr for those written from left to right (like English and most other languages)."
},
"border-top-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-top-color CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color or border-top."
},
"border-bottom-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-bottom-color CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color or border-bottom."
},
"object-fit": {
"values": [
"fill",
"none",
"contain",
"cover",
"scale-down",
"inherit",
"initial",
"unset"
],
"description": "The object-fit CSS property sets how the content of a replaced element, such as an img or video, should be resized to fit its container."
},
"flex-basis": {
"values": [
"content",
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing."
},
"touch-action": {
"values": [
"auto",
"none",
"pan-x",
"pan-left",
"pan-right",
"pan-y",
"pan-up",
"pan-down",
"pinch-zoom",
"manipulation",
"inherit",
"initial",
"unset"
],
"description": "The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser)."
},
"outline-offset": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The outline-offset CSS property sets the amount of space between an outline and the edge or border of an element."
},
"text-indent": {
"values": [
"hanging",
"each-line",
"inherit",
"initial",
"unset"
],
"description": "The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block."
},
"filter": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders."
},
"appearance": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The appearance CSS property is used to control native appearance of UI controls, that are based on operating system's theme."
},
"text-rendering": {
"values": [
"auto",
"optimizeSpeed",
"optimizeLegibility",
"geometricPrecision",
"inherit",
"initial",
"unset"
],
"description": "The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text."
},
"transition-property": {
"values": [
"none",
"all",
"inherit",
"initial",
"unset"
],
"description": "The transition-property CSS property sets the CSS properties to which a transition effect should be applied."
},
"border-spacing": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-spacing CSS property sets the distance between the borders of adjacent cells in a table. This property applies only when border-collapse is separate."
},
"background-clip": {
"values": [
"border-box",
"padding-box",
"content-box",
"inherit",
"initial",
"unset"
],
"description": "The background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box."
},
"stroke": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The stroke attribute is a presentation attribute defining the color (or any SVG paint servers like gradients or patterns) used to paint the outline of the shape;"
},
"animation-delay": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The animation-delay CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation."
},
"border-left-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-left-color CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties border-color or border-left."
},
"transition-duration": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The transition-duration CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur."
},
"align-content": {
"values": [
"normal",
"first",
"last",
"baseline",
"space-between",
"space-around",
"space-evenly",
"stretch",
"unsafe",
"safe",
"center",
"start",
"end",
"flex-start",
"flex-end",
"inherit",
"initial",
"unset"
],
"description": "The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis."
},
"overflow-wrap": {
"values": [
"normal",
"break-word",
"anywhere",
"inherit",
"initial",
"unset"
],
"description": "The overflow-wrap CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box."
},
"order": {
"values": [
"reading",
"layout",
"inherit",
"initial",
"unset"
],
"description": "The order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order."
},
"border-right-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-right-color CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties border-color or border-right."
},
"animation-fill-mode": {
"values": [
"none",
"forwards",
"backwards",
"both",
"inherit",
"initial",
"unset"
],
"description": "The animation-fill-mode CSS property sets how a CSS animation applies styles to its target before and after its execution."
},
"font-variant": {
"values": [
"normal",
"none",
"common-ligatures",
"no-common-ligatures",
"discretionary-ligatures",
"no-discretionary-ligatures",
"historical-ligatures",
"no-historical-ligatures",
"contextual",
"no-contextual",
"small-caps",
"all-small-caps",
"petite-caps",
"all-petite-caps",
"unicase",
"titling-caps",
"stylistic()",
"historical-forms",
"styleset(",
"character-variant(",
"swash()",
"ornaments()",
"annotation()",
"lining-nums",
"oldstyle-nums",
"proportional-nums",
"tabular-nums",
"diagonal-fractions",
"stacked-fractions",
"ordinal",
"slashed-zero",
"jis78",
"jis83",
"jis90",
"jis04",
"simplified",
"traditional",
"full-width",
"proportional-width",
"ruby",
"sub",
"super",
"text",
"emoji",
"unicode",
"inherit",
"initial",
"unset"
],
"description": "The font-variant CSS shorthand property allows you to set all the font variants for a font."
},
"gap": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap."
},
"will-change": {
"values": [
"auto",
"scroll-position",
"contents",
"inherit",
"initial",
"unset"
],
"description": "The will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required."
},
"animation-iteration-count": {
"values": [
"infinite",
"inherit",
"initial",
"unset"
],
"description": "The animation-iteration-count CSS property sets the number of times an animation sequence should be played before stopping."
},
"transition-timing-function": {
"values": [
"linear",
"inherit",
"initial",
"unset"
],
"description": "The transition-timing-function CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect."
},
"resize": {
"values": [
"none",
"both",
"horizontal",
"vertical",
"block",
"inline",
"inherit",
"initial",
"unset"
],
"description": "The resize CSS property sets whether an element is resizable, and if so, in which directions."
},
"stroke-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape."
},
"transition-delay": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The transition-delay CSS property specifies the duration to wait before starting a property's transition effect when its value changes."
},
"border-bottom-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The border-bottom-width CSS property sets the width of the bottom border of an element."
},
"grid-template-columns": {
"values": [
"none",
"subgrid",
"inherit",
"initial",
"unset"
],
"description": "The grid-template-columns CSS property defines the line names and track sizing functions of the glossary(grid column, grid columns)."
},
"clip-path": {
"values": [
"fill-box",
"stroke-box",
"view-box",
"none",
"inherit",
"initial",
"unset"
],
"description": "The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden."
},
"outline-style": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The outline-style CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border."
},
"flex-flow": {
"values": [
"row",
"row-reverse",
"column",
"column-reverse",
"nowrap",
"wrap",
"wrap-reverse",
"inherit",
"initial",
"unset"
],
"description": "The flex-flow CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior."
},
"stroke-dashoffset": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The stroke-dashoffset attribute is a presentation attribute defining an offset on the rendering of the associated dash array."
},
"outline-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The CSS outline-width property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border."
},
"stroke-dasharray": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The stroke-dasharray attribute is a presentation attribute defining the pattern of dashes and gaps used to paint the outline of the shape;"
},
"border-top-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The border-top-width CSS property sets the width of the top border of an element."
},
"border-right-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The border-right-width CSS property sets the width of the right border of an element."
},
"backface-visibility": {
"values": [
"visible",
"hidden",
"inherit",
"initial",
"unset"
],
"description": "The backface-visibility CSS property sets whether the back face of an element is visible when turned towards the user."
},
"backdrop-filter": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent."
},
"table-layout": {
"values": [
"auto",
"fixed",
"inherit",
"initial",
"unset"
],
"description": "The table-layout CSS property sets the algorithm used to lay out table cells, rows, and columns."
},
"border-left-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The border-left-width CSS property sets the width of the left border of an element."
},
"border-bottom-style": {
"values": [
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"inherit",
"initial",
"unset"
],
"description": "The border-bottom-style CSS property sets the line style of an element's bottom border."
},
"contain": {
"values": [
"none",
"strict",
"content",
"size",
"layout",
"style",
"paint",
"inherit",
"initial",
"unset"
],
"description": "The contain CSS property indicates that an element and its contents are, as much as possible, independent from the rest of the document tree."
},
"animation-direction": {
"values": [
"normal",
"reverse",
"alternate",
"alternate-reverse",
"inherit",
"initial",
"unset"
],
"description": "The animation-direction CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward."
},
"text-size-adjust": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property."
},
"border-top-style": {
"values": [
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"inherit",
"initial",
"unset"
],
"description": "The border-top-style CSS property sets the line style of an element's top border."
},
"aspect-ratio": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The aspect-ratio CSS property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions."
},
"column-gap": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The column-gap CSS property sets the size of the gap (Gutters,gutter) between an element's columns."
},
"word-spacing": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The word-spacing CSS property sets the length of space between words and between tags."
},
"text-decoration-line": {
"values": [
"none",
"underline",
"overline",
"line-through",
"blink",
"spelling-error",
"grammar-error",
"inherit",
"initial",
"unset"
],
"description": "The text-decoration-line CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline."
},
"object-position": {
"values": [
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The object-position CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced element's object will show the element's background."
},
"outline-color": {
"values": [
"currentcolor",
"invert",
"inherit",
"initial",
"unset"
],
"description": "The outline-color CSS property sets the color of an element's outline."
},
"grid-area": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The grid-area CSS shorthand property specifies a grid item's size and location within a glossary(grid, grid) by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its glossary(grid areas, grid area)."
},
"hyphens": {
"values": [
"none",
"manual",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate."
},
"unicode-bidi": {
"values": [
"normal",
"embed",
"isolate",
"bidi-override",
"isolate-override",
"plaintext",
"inherit",
"initial",
"unset"
],
"description": "The unicode-bidi CSS property, together with the direction property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The unicode-bidi property overrides this algorithm and allows the developer to control the text embedding."
},
"forced-color-adjust": {
"values": [
"auto",
"none",
"preserve-parent-color",
"inherit",
"initial",
"unset"
],
"description": "The forced-color-adjust CSS property allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS."
},
"font-feature-settings": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The font-feature-settings CSS property controls advanced typographic features in OpenType fonts."
},
"font-stretch": {
"values": [
"normal",
"ultra-condensed",
"extra-condensed",
"condensed",
"semi-condensed",
"semi-expanded",
"expanded",
"extra-expanded",
"ultra-expanded",
"inherit",
"initial",
"unset"
],
"description": "The font-stretch CSS property selects a normal, condensed, or expanded face from a font."
},
"speak": {
"values": [
"auto",
"never",
"always",
"inherit",
"initial",
"unset"
],
"description": "The speak property determines whether or not to render text aurally."
},
"justify-self": {
"values": [
"auto",
"normal",
"stretch",
"first",
"last",
"baseline",
"unsafe",
"safe",
"center",
"start",
"end",
"self-start",
"self-end",
"flex-start",
"flex-end",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis."
},
"grid-template-rows": {
"values": [
"none",
"subgrid",
"inherit",
"initial",
"unset"
],
"description": "The grid-template-rows CSS property defines the line names and track sizing functions of the glossary(gridrow, grid rows)."
},
"transform-style": {
"values": [
"flat",
"preserve-3d",
"inherit",
"initial",
"unset"
],
"description": "The transform-style CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element."
},
"list-style-position": {
"values": [
"inside",
"outside",
"inherit",
"initial",
"unset"
],
"description": "The list-style-position CSS property sets the position of the ::marker relative to a list item."
},
"background-position-x": {
"values": [
"center",
"left",
"right",
"x-start",
"x-end",
"inherit",
"initial",
"unset"
],
"description": "The background-position-x CSS property sets the initial horizontal position for each background image. The position is relative to the position layer set by background-origin."
},
"text-decoration-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The text-decoration-color CSS property sets the color of decorations added to text by cssxref(text-decoration-line) ."
},
"grid-template-areas": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The grid-template-areas CSS property specifies named glossary(grid areas), establishing the cells in the grid and assigning them names."
},
"margin-inline-start": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-inline-start CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation."
},
"margin-inline-end": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top, margin-right, margin-bottom or margin-left property depending on the values defined for writing-mode, direction, and text-orientation."
},
"perspective": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The perspective CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective."
},
"image-rendering": {
"values": [
"auto",
"smooth",
"high-quality",
"pixelated",
"crisp-edges",
"inherit",
"initial",
"unset"
],
"description": "The image-rendering CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants."
},
"grid-gap": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Shorthand for the gap property."
},
"scroll-behavior": {
"values": [
"auto",
"smooth",
"inherit",
"initial",
"unset"
],
"description": "The scroll-behavior CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs."
},
"grid-column": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The grid-column CSS shorthand property specifies a grid item's size and location within a glossary(grid column) by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its glossary(grid areas, grid area)."
},
"margin-block-start": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-block-start CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation."
},
"background-origin": {
"values": [
"border-box",
"padding-box",
"content-box",
"inherit",
"initial",
"unset"
],
"description": "The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding."
},
"margin-block-end": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-block-end CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation."
},
"background-attachment": {
"values": [
"scroll",
"fixed",
"local",
"inherit",
"initial",
"unset"
],
"description": "The background-attachment CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block."
},
"counter-increment": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The counter-increment CSS property increases or decreases the value of a CSS counter by a given value."
},
"animation-play-state": {
"values": [
"running",
"paused",
"inherit",
"initial",
"unset"
],
"description": "The animation-play-state CSS property sets whether an animation is running or paused."
},
"justify-items": {
"values": [
"normal",
"stretch",
"first",
"last",
"baseline",
"unsafe",
"safe",
"center",
"start",
"end",
"self-start",
"self-end",
"flex-start",
"flex-end",
"left",
"right",
"legacy",
"inherit",
"initial",
"unset"
],
"description": "The CSS justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis."
},
"border-left-style": {
"values": [
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"inherit",
"initial",
"unset"
],
"description": "The border-left-style CSS property sets the line style of an element's left border."
},
"scroll-snap-type": {
"values": [
"none",
"block",
"inline",
"both",
"mandatory",
"proximity",
"inherit",
"initial",
"unset"
],
"description": "The scroll-snap-type CSS property sets how strictly snap points are enforced on the scroll container in case there is one."
},
"quotes": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "The quotes CSS property sets how the browser should render quotation marks that are added using the open-quotes or close-quotes values of the CSS content property."
},
"row-gap": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The row-gap CSS property sets the size of the gap (gutters,gutter) between an element's rows."
},
"grid-column-gap": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Shorthand for the column-gap property."
},
"border-right-style": {
"values": [
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"inherit",
"initial",
"unset"
],
"description": "The border-right-style CSS property sets the line style of an element's right border."
},
"padding-inline-start": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-inline-start CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation."
},
"counter-reset": {
"values": [
"reversed(",
"none",
"inherit",
"initial",
"unset"
],
"description": "The counter-reset CSS property resets a CSS counter to a given value."
},
"scroll-snap-align": {
"values": [
"none",
"start",
"end",
"center",
"inherit",
"initial",
"unset"
],
"description": "The scroll-snap-align property specifies the box's snap position as an alignment of its snap area (as the alignment subject) within its snap container's snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value."
},
"background-position-y": {
"values": [
"center",
"top",
"bottom",
"y-start",
"y-end",
"inherit",
"initial",
"unset"
],
"description": "The background-position-y CSS property sets the initial vertical position for each background image. The position is relative to the position layer set by background-origin."
},
"isolation": {
"values": [
"auto",
"isolate",
"inherit",
"initial",
"unset"
],
"description": "The isolation CSS property determines whether an element must create a new glossary(stacking context)."
},
"color-scheme": {
"values": [
"normal",
"light",
"dark",
"only",
"inherit",
"initial",
"unset"
],
"description": "The color-scheme CSS property allows an element to indicate which color schemes it can comfortably be rendered in."
},
"mix-blend-mode": {
"values": [
"normal",
"multiply",
"screen",
"overlay",
"darken",
"lighten",
"color-dodge",
"color-burn",
"hard-light",
"soft-light",
"difference",
"exclusion",
"hue",
"saturation",
"color",
"luminosity",
"plus-darker",
"plus-lighter",
"inherit",
"initial",
"unset"
],
"description": "The mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background."
},
"all": {
"values": [
"initial",
"inherit",
"unset",
"revert",
"revert-layer"
],
"description": "The all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin."
},
"column-count": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The column-count CSS property breaks an element's content into the specified number of columns."
},
"caret-color": {
"values": [
"auto",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The caret-color CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. This is sometimes referred to as the text input cursor. The caret appears in elements such as input or those with the contenteditable attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property."
},
"grid-row": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The grid-row CSS shorthand property specifies a grid item's size and location within a glossary(grid row) by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its glossary(grid areas, grid area)."
},
"fill-opacity": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The fill-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc.) applied to a shape."
},
"page-break-inside": {
"values": [
"avoid",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The page-break-inside CSS property adjusts page breaks inside the current element."
},
"stroke-linecap": {
"values": [
"butt",
"round",
"square",
"inherit",
"initial",
"unset"
],
"description": "The stroke-linecap attribute is a presentation attribute defining the shape to be used at the end of open subpaths when they are stroked."
},
"border-image": {
"values": [
"none",
"fill",
"auto",
"stretch",
"repeat",
"round",
"space",
"inherit",
"initial",
"unset"
],
"description": "The border-image CSS property draws an image around a given element. It replaces the element's regular border."
},
"inset": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the same multi-value syntax of the margin shorthand."
},
"tab-size": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The tab-size CSS property is used to customize the width of tab characters (U+0009)."
},
"font-variant-ligatures": {
"values": [
"normal",
"none",
"common-ligatures",
"no-common-ligatures",
"discretionary-ligatures",
"no-discretionary-ligatures",
"historical-ligatures",
"no-historical-ligatures",
"contextual",
"no-contextual",
"inherit",
"initial",
"unset"
],
"description": "The font-variant-ligatures CSS property controls which Glossary(ligature, ligatures) and Glossary(contextual forms) are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text."
},
"content-visibility": {
"values": [
"visible",
"auto",
"hidden",
"inherit",
"initial",
"unset"
],
"description": "The content-visibility CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. It enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster."
},
"grid-auto-flow": {
"values": [
"row",
"column",
"dense",
"inherit",
"initial",
"unset"
],
"description": "The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid."
},
"list-style-image": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The list-style-image CSS property sets an image to be used as the list item marker."
},
"caption-side": {
"values": [
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The caption-side CSS property puts the content of a table's caption on the specified side. The values are relative to the cssxref('writing-mode') of the table."
},
"grid-row-gap": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Shorthand for the row-gap property."
},
"text-decoration-skip": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The text-decoration-skip CSS property sets what parts of an element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors."
},
"padding-inline-end": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-inline-end CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation."
},
"text-decoration-style": {
"values": [
"solid",
"double",
"dotted",
"dashed",
"wavy",
"inherit",
"initial",
"unset"
],
"description": "The text-decoration-style CSS property sets the style of the lines specified by cssxref(text-decoration-line) . The style applies to all lines that are set with text-decoration-line."
},
"stroke-opacity": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The stroke-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc.) applied to the stroke of a shape."
},
"overflow-anchor": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "The overflow-anchor CSS property provides a way to opt out of the browser's scroll anchoring behavior, which adjusts scroll position to minimize content shifts."
},
"page-break-after": {
"values": [
"auto",
"always",
"avoid",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The page-break-after CSS property adjusts page breaks after the current element."
},
"line-break": {
"values": [
"auto",
"loose",
"normal",
"strict",
"anywhere",
"inherit",
"initial",
"unset"
],
"description": "The line-break CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols."
},
"perspective-origin": {
"values": [
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The perspective-origin CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective property."
},
"column-width": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width."
},
"grid-row-start": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The grid-row-start CSS property specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its glossary(grid areas, grid area)."
},
"scroll-snap-stop": {
"values": [
"normal",
"always",
"inherit",
"initial",
"unset"
],
"description": "The scroll-snap-stop CSS property defines whether or not the scroll container is allowed to pass over possible snap positions."
},
"grid-auto-rows": {
"values": [
"minmax(",
"fit-content(",
"inherit",
"initial",
"unset"
],
"description": "The grid-auto-rows CSS property specifies the size of an implicitly-created grid row glossary(grid tracks, track) or pattern of tracks."
},
"empty-cells": {
"values": [
"show",
"hide",
"inherit",
"initial",
"unset"
],
"description": "The empty-cells CSS property sets whether borders and backgrounds appear around table cells that have no visible content."
},
"grid-column-start": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The grid-column-start CSS property specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the glossary(grid areas, grid area)."
},
"columns": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The columns CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths."
},
"orphans": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The orphans CSS property sets the minimum number of lines in a block container that must be shown at the bottom of a page, region, or column."
},
"widows": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The widows CSS property sets the minimum number of lines in a block container that must be shown at the top of a page, region, or column."
},
"padding-inline": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-inline CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
},
"grid-row-end": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The grid-row-end CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its glossary(grid areas, grid area)."
},
"column-rule": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout."
},
"scroll-padding-top": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"text-align-last": {
"values": [
"auto",
"start",
"end",
"left",
"right",
"center",
"justify",
"match-parent",
"inherit",
"initial",
"unset"
],
"description": "The text-align-last CSS property sets how the last line of a block or a line, right before a forced line break, is aligned."
},
"fill-rule": {
"values": [
"nonzero",
"evenodd",
"inherit",
"initial",
"unset"
],
"description": "The fill-rule attribute is a presentation attribute defining the algorithm to use to determine the inside part of a shape."
},
"font-variant-numeric": {
"values": [
"normal",
"lining-nums",
"oldstyle-nums",
"proportional-nums",
"tabular-nums",
"diagonal-fractions",
"stacked-fractions",
"ordinal",
"slashed-zero",
"inherit",
"initial",
"unset"
],
"description": "The font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers."
},
"grid-column-end": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The grid-column-end CSS property specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its glossary(grid areas, grid area)."
},
"break-inside": {
"values": [
"auto",
"avoid",
"avoid-page",
"avoid-column",
"avoid-region",
"inherit",
"initial",
"unset"
],
"description": "The break-inside CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored."
},
"background-blend-mode": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The background-blend-mode CSS property sets how an element's background images should blend with each other and with the element's background color."
},
"text-decoration-skip-ink": {
"values": [
"auto",
"none",
"all",
"inherit",
"initial",
"unset"
],
"description": "The text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders."
},
"stroke-linejoin": {
"values": [
"crop",
"arcs",
"miter",
"bevel",
"round",
"fallback",
"inherit",
"initial",
"unset"
],
"description": "The stroke-linejoin attribute is a presentation attribute defining the shape to be used at the corners of paths when they are stroked."
},
"grid-auto-columns": {
"values": [
"minmax(",
"fit-content(",
"inherit",
"initial",
"unset"
],
"description": "The grid-auto-columns CSS property specifies the size of an implicitly-created grid column glossary(grid tracks, track) or pattern of tracks."
},
"stroke-miterlimit": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The stroke-miterlimit attribute is a presentation attribute defining a limit on the ratio of the miter length to the SVGAttr(stroke-width) used to draw a miter join. When the limit is exceeded, the join is converted from a miter to a bevel."
},
"column-fill": {
"values": [
"auto",
"balance",
"balance-all",
"inherit",
"initial",
"unset"
],
"description": "The column-fill CSS property controls how an element's contents are balanced when broken into columns."
},
"page-break-before": {
"values": [
"auto",
"always",
"avoid",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The page-break-before CSS property adjusts page breaks before the current element."
},
"text-underline-offset": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The text-underline-offset CSS property sets the offset distance of an underline text decoration line (applied using text-decoration) from its original position."
},
"stop-color": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The stop-color attribute indicates what color to use at a gradient stop."
},
"font-variation-settings": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The font-variation-settings CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values."
},
"mask": {
"values": [
"no-clip",
"inherit",
"initial",
"unset"
],
"description": "The mask CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points."
},
"place-items": {
"values": [
"normal",
"stretch",
"left",
"right",
"legacy",
"center",
"inherit",
"initial",
"unset"
],
"description": "The CSS place-items shorthand property allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it."
},
"text-decoration-thickness": {
"values": [
"auto",
"from-font",
"inherit",
"initial",
"unset"
],
"description": "The text-decoration-thickness CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline."
},
"column-rule-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The column-rule-color CSS property sets the color of the line drawn between columns in a multi-column layout."
},
"column-rule-style": {
"values": [
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset",
"inherit",
"initial",
"unset"
],
"description": "The column-rule-style CSS property sets the style of the line drawn between columns in a multi-column layout."
},
"grid-template": {
"values": [
"none",
"subgrid",
"minmax(",
"fit-content(",
"inherit",
"initial",
"unset"
],
"description": "The grid-template CSS property is a shorthand property for defining glossary(grid column, grid columns), glossary(gridrow, grid rows), and glossary(grid areas, grid areas)."
},
"place-content": {
"values": [
"normal",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The place-content CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content and justify-content properties) in a relevant layout system such as Grid or Flexbox."
},
"border-image-source": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The border-image-source CSS property sets the source image used to create an element's border image."
},
"writing-mode": {
"values": [
"horizontal-tb",
"vertical-rl",
"vertical-lr",
"sideways-rl",
"sideways-lr",
"inherit",
"initial",
"unset"
],
"description": "The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html element for HTML documents)."
},
"border-image-slice": {
"values": [
"fill",
"inherit",
"initial",
"unset"
],
"description": "The border-image-slice CSS property divides the image specified by border-image-source into regions. These regions form the components of an element's border image."
},
"font-kerning": {
"values": [
"auto",
"normal",
"none",
"inherit",
"initial",
"unset"
],
"description": "The font-kerning CSS property sets the use of the kerning information stored in a font."
},
"scroll-padding": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding shorthand property sets scroll padding on all sides of an element at once, much like the padding property does for padding on an element."
},
"clip-rule": {
"values": [
"nonzero",
"evenodd",
"inherit",
"initial",
"unset"
],
"description": "The clip-rule attribute only applies to graphics elements that are contained within a SVGElement(clipPath) element. The clip-rule attribute basically works as the SVGAttr(fill-rule) attribute, except that it applies to SVGElement(clipPath) definitions."
},
"mask-type": {
"values": [
"luminance",
"alpha",
"inherit",
"initial",
"unset"
],
"description": "The mask-type CSS property sets whether an SVG mask element is used as a luminance or an alpha mask. It applies to the <mask> element itself."
},
"inset-inline-end": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The inset-inline-end CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
"text-underline-position": {
"values": [
"auto",
"from-font",
"under",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The text-underline-position CSS property specifies the position of the underline which is set using the text-decoration property's underline value."
},
"inset-inline-start": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-end-end-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode."
},
"scale": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The scale CSS property allows you to specify scale transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
},
"border-image-width": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The border-image-width CSS property sets the width of an element's border image."
},
"border-inline-end-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-end-width CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-start-end-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode."
},
"border-end-start-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode."
},
"padding-block-start": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-block-start CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation."
},
"margin-inline": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-inline CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
},
"border-start-start-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation. This is useful when building styles to work regardless of the text orientation and writing mode."
},
"padding-block-end": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-block-end CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation."
},
"shape-rendering": {
"values": [
"auto",
"optimizeSpeed",
"crispEdges",
"geometricPrecision",
"inherit",
"initial",
"unset"
],
"description": "The shape-rendering attribute provides hints to the renderer about what tradeoffs to make when rendering shapes like paths, circles, or rectangles."
},
"column-span": {
"values": [
"none",
"all",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The column-span CSS property makes it possible for an element to span across all columns when its value is set to all."
},
"inline-size": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The inline-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending on the value of writing-mode."
},
"place-self": {
"values": [
"auto",
"normal",
"stretch",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The place-self CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the align-self and justify-self properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it."
},
"border-image-repeat": {
"values": [
"stretch",
"repeat",
"round",
"space",
"inherit",
"initial",
"unset"
],
"description": "The border-image-repeat CSS property defines how the edge regions and middle region of a source image are adjusted to fit the dimensions of an element's border image. The middle region can be displayed by using the keyword fill in the border-image-slice property."
},
"margin-block": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The margin-block CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
},
"font-synthesis": {
"values": [
"none",
"weight",
"style",
"small-caps",
"inherit",
"initial",
"unset"
],
"description": "The font-synthesis CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser."
},
"font-variant-caps": {
"values": [
"normal",
"small-caps",
"all-small-caps",
"petite-caps",
"all-petite-caps",
"unicase",
"titling-caps",
"inherit",
"initial",
"unset"
],
"description": "The font-variant-caps CSS property controls the use of alternate glyphs for capital letters."
},
"block-size": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The block-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending on the value of writing-mode."
},
"min-inline-size": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-height property, depending on the value of writing-mode."
},
"text-anchor": {
"values": [
"start",
"middle",
"end",
"inherit",
"initial",
"unset"
],
"description": "The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of pre-formatted text or auto-wrapped text where the wrapping area is determined from the inline-size property relative to a given point."
},
"vector-effect": {
"values": [
"none",
"non-scaling-stroke",
"non-scaling-size",
"non-rotation",
"fixed-position",
"inherit",
"initial",
"unset"
],
"description": "The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips."
},
"padding-block": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The padding-block CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
},
"border-inline-start-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-start-width CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
"scrollbar-gutter": {
"values": [
"auto",
"stable",
"both-edges",
"inherit",
"initial",
"unset"
],
"description": "The scrollbar-gutter CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed."
},
"border-image-outset": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-image-outset CSS property sets the distance by which an element's border image is set out from its border box."
},
"break-after": {
"values": [
"auto",
"avoid",
"always",
"all",
"avoid-page",
"page",
"left",
"right",
"recto",
"verso",
"avoid-column",
"column",
"avoid-region",
"region",
"inherit",
"initial",
"unset"
],
"description": "The break-after CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored."
},
"r": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The r attribute defines the radius of a circle."
},
"scroll-padding-left": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-left property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"break-before": {
"values": [
"auto",
"avoid",
"always",
"all",
"avoid-page",
"page",
"left",
"right",
"recto",
"verso",
"avoid-column",
"column",
"avoid-region",
"region",
"inherit",
"initial",
"unset"
],
"description": "The break-before CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored."
},
"stop-opacity": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The stop-opacity attribute defines the opacity of a given color gradient stop."
},
"font-variant-east-asian": {
"values": [
"normal",
"jis78",
"jis83",
"jis90",
"jis04",
"simplified",
"traditional",
"full-width",
"proportional-width",
"ruby",
"inherit",
"initial",
"unset"
],
"description": "The font-variant-east-asian CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese."
},
"column-rule-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The column-rule-width CSS property sets the width of the line drawn between columns in a multi-column layout."
},
"dominant-baseline": {
"values": [
"auto",
"text-bottom",
"alphabetic",
"ideographic",
"middle",
"central",
"mathematical",
"hanging",
"text-top",
"inherit",
"initial",
"unset"
],
"description": "The dominant-baseline attribute specifies the dominant baseline, which is the baseline used to align the box's text and inline-level contents. It also indicates the default alignment baseline of any boxes participating in baseline alignment in the box's alignment context."
},
"text-orientation": {
"values": [
"mixed",
"upright",
"sideways",
"inherit",
"initial",
"unset"
],
"description": "The text-orientation CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode is not horizontal-tb). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers."
},
"min-block-size": {
"values": [
"auto",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The min-block-size CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-height property, depending on the value of writing-mode."
},
"d": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The d attribute defines a path to be drawn."
},
"cx": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The cx attribute define the x-axis coordinate of a center point."
},
"cy": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The cy attribute define the y-axis coordinate of a center point."
},
"translate": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
},
"border-inline-end": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-inline-end CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet."
},
"border-inline-start-color": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-start-color CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
"shape-outside": {
"values": [
"none",
"margin-box",
"inherit",
"initial",
"unset"
],
"description": "The shape-outside CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; shape-outside provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes."
},
"shape-margin": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The shape-margin CSS property sets a margin for a CSS shape created using shape-outside."
},
"container-type": {
"values": [
"normal",
"size",
"inline-size",
"inherit",
"initial",
"unset"
],
"description": "The container-type CSS property is used to define the type of containment used in a container query."
},
"border-inline-end-color": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-end-color CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
"shape-image-threshold": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The shape-image-threshold CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside."
},
"alignment-baseline": {
"values": [
"baseline",
"text-bottom",
"alphabetic",
"ideographic",
"middle",
"central",
"mathematical",
"text-top",
"inherit",
"initial",
"unset"
],
"description": "The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property."
},
"border-inline-start": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-inline-start CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet."
},
"border-block-start-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-start-width CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
"transform-box": {
"values": [
"content-box",
"border-box",
"fill-box",
"stroke-box",
"view-box",
"inherit",
"initial",
"unset"
],
"description": "The transform-box CSS property defines the layout box to which the transform, individual transform properties scale, and rotate, and transform-origin properties relate."
},
"border-block-start-color": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-start-color CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-block-end-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-end-width CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-block-end-color": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-end-color CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
"grid": {
"values": [
"none",
"subgrid",
"auto-flow",
"dense",
"inherit",
"initial",
"unset"
],
"description": "The grid CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration."
},
"border-inline-start-style": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation."
},
"text-combine-upright": {
"values": [
"none",
"all",
"digits",
"inherit",
"initial",
"unset"
],
"description": "The text-combine-upright CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes."
},
"baseline-shift": {
"values": [
"sub",
"super",
"top",
"center",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript."
},
"paint-order": {
"values": [
"normal",
"fill",
"stroke",
"markers",
"inherit",
"initial",
"unset"
],
"description": "The paint-order CSS property lets you control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn."
},
"border-block-end-style": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-end-style CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation."
},
"font-variant-alternates": {
"values": [
"normal",
"stylistic()",
"historical-forms",
"styleset(",
"character-variant(",
"swash()",
"ornaments()",
"annotation()",
"inherit",
"initial",
"unset"
],
"description": "The font-variant-alternates CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values."
},
"border-inline-end-style": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-end-style CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-block-end": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-block-end CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet."
},
"border-block-start-style": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation."
},
"rx": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The rx attribute defines a radius on the x-axis."
},
"accent-color": {
"values": [
"auto",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The accent-color CSS property sets the accent color for user-interface controls generated by some elements."
},
"max-inline-size": {
"values": [
"none",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The max-inline-size CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width or the max-height property, depending on the value of writing-mode."
},
"inset-block-start": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The inset-block-start CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
"rotate": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The rotate CSS property allows you to specify rotation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform property."
},
"inset-inline": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The inset-inline CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
},
"text-emphasis-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The text-emphasis-color CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis shorthand."
},
"ruby-position": {
"values": [
"alternate",
"over",
"under",
"inter-character",
"inherit",
"initial",
"unset"
],
"description": "The ruby-position CSS property defines the position of a ruby element relatives to its base element. It can be positioned over the element (over), under it (under), or between the characters on their right side (inter-character)."
},
"text-emphasis-position": {
"values": [
"over",
"under",
"right",
"left",
"inherit",
"initial",
"unset"
],
"description": "The text-emphasis-position CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased."
},
"text-emphasis-style": {
"values": [
"none",
"filled",
"open",
"dot",
"circle",
"double-circle",
"triangle",
"sesame",
"inherit",
"initial",
"unset"
],
"description": "The text-emphasis-style CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis shorthand."
},
"max-block-size": {
"values": [
"none",
"min-content",
"max-content",
"fit-content()",
"inherit",
"initial",
"unset"
],
"description": "The max-block-size CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by writing-mode. That is, if the writing direction is horizontal, then max-block-size is equivalent to max-height; if the writing direction is vertical, max-block-size is the same as max-width."
},
"color-interpolation-filters": {
"values": [
"auto",
"sRGB",
"linearRGB",
"inherit",
"initial",
"unset"
],
"description": "The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects."
},
"container": {
"values": [
"none",
"normal",
"size",
"inline-size",
"inherit",
"initial",
"unset"
],
"description": "The container shorthand CSS property establishes the element as a query container and specifies the name or name for the containment context used in a container query."
},
"container-name": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The container-name CSS property specifies a list of query container names used by the [@container](/en-US/docs/Web/CSS/@container) at-rule in a container query."
},
"x": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The x attribute defines an x-axis coordinate in the user coordinate system."
},
"color-interpolation": {
"values": [
"auto",
"sRGB",
"linearRGB",
"inherit",
"initial",
"unset"
],
"description": "The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing."
},
"offset-distance": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The offset-distance CSS property specifies a position along an offset-path for an element to be placed."
},
"flood-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The flood-color attribute indicates what color to use to flood the current filter primitive subregion."
},
"font-optical-sizing": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "The font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes."
},
"flood-opacity": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion."
},
"marker-start": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape."
},
"marker-end": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape."
},
"lighting-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The lighting-color attribute defines the color of the light source for lighting filter primitives."
},
"inset-block-end": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The inset-block-end CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
},
"marker-mid": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The marker-mid attribute defines the arrowhead or polymarker that will be drawn at all interior vertices of the given shape."
},
"border-block-start": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The border-block-start CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet."
},
"offset-rotate": {
"values": [
"auto",
"reverse",
"inherit",
"initial",
"unset"
],
"description": "The offset-rotate CSS property defines the orientation/direction of the element as it is positioned along the offset-path."
},
"offset-path": {
"values": [
"none",
"url(",
"src(",
"content-box",
"padding-box",
"border-box",
"fill-box",
"stroke-box",
"view-box",
"inherit",
"initial",
"unset"
],
"description": "The offset-path CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system."
},
"hyphenate-character": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The hyphenate-character CSS property sets the character (or string) used at the end of a line before a hyphenation break."
},
"page": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The page property is used to specify a particular type of page (called a named page) on which an element must be displayed."
},
"text-emphasis": {
"values": [
"none",
"filled",
"open",
"dot",
"circle",
"double-circle",
"triangle",
"sesame",
"inherit",
"initial",
"unset"
],
"description": "The text-emphasis CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style and text-emphasis-color."
},
"view-transition-name": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The view-transition-name property 'names' an element as participating in a view transition."
},
"scroll-padding-right": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-right property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"y": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The y attribute defines a y-axis coordinate in the user coordinate system."
},
"ry": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The ry attribute defines a radius on the y-axis."
},
"scroll-padding-bottom": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-bottom property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"overscroll-behavior-inline": {
"values": [
"contain",
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overscroll-behavior-inline CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached."
},
"inset-block": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The inset-block CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
},
"overscroll-behavior-block": {
"values": [
"contain",
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overscroll-behavior-block CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached."
},
"border-block": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet."
},
"scroll-padding-inline-start": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-inline-start property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"scroll-padding-block-start": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-block-start property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"scroll-padding-inline-end": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-inline-end property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"scroll-padding-block-end": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport."
},
"counter-set": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The counter-set CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element."
},
"text-wrap": {
"values": [
"wrap",
"nowrap",
"balance",
"stable",
"pretty",
"inherit",
"initial",
"unset"
],
"description": "This property specifies the mode for text wrapping."
},
"scroll-padding-inline": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-inline shorthand property sets the scroll padding of an element in the inline dimension."
},
"border-inline": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet."
},
"offset": {
"values": [
"auto",
"none",
"reverse",
"inherit",
"initial",
"unset"
],
"description": "The offset CSS shorthand property sets all the properties required for animating an element along a defined path."
},
"overflow-clip-margin": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "The overflow-clip-margin CSS property determines how far outside its bounds an element with [overflow: clip](/en-US/docs/Web/CSS/overflow) may be painted before being clipped."
},
"marker": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The <marker> element defines the graphic that is to be used for drawing arrowheads or polymarkers on a given path, line, polyline or polygon element."
},
"hyphenate-limit-chars": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The hyphenate-limit-chars CSS property specifies the minimum word length to allow hyphenation of words as well as the minimum number of characters before and after the hyphen."
},
"initial-letter": {
"values": [
"normal",
"drop",
"raise",
"inherit",
"initial",
"unset"
],
"description": "The initial-letter CSS property sets styling for dropped, raised, and sunken initial letters."
},
"scroll-padding-block": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The scroll-padding-block shorthand property sets the scroll padding of an element in the block dimension."
},
"border-block-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-inline-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-block-style": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-block-color": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-inline-style": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
},
"border-inline-color": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
},
"font-palette": {
"values": [
"normal",
"light",
"dark",
"inherit",
"initial",
"unset"
],
"description": "The font-palette CSS property allows specifying one of the many palettes contained in a font that a user agent should use for the font. Users can also override the values in a palette or create a new palette by using the [@font-palette-values](/en-US/docs/Web/CSS/@font-palette-values) at-rule."
},
"animation-timeline": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "The animation-timeline CSS property specifies the timeline that is used to control the progress of an animation."
},
"baseline-source": {
"values": [
"auto",
"first",
"last",
"inherit",
"initial",
"unset"
],
"description": "When an inline-level box has more than one possible source for baseline information (such as for a multi-line inline block or inline flex container) this property specifies whether the first baseline set or last baseline set is preferred for alignment, indicating the box’s baseline alignment preference."
},
"math-style": {
"values": [
"normal",
"compact",
"inherit",
"initial",
"unset"
],
"description": "The math-style property indicates whether MathML equations should render with normal or compact height."
},
"object-view-box": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The object-view-box property specifies a 'view box' over an element, which allows zooming or panning over the element’s contents."
},
"math-depth": {
"values": [
"auto-add",
"add()",
"inherit",
"initial",
"unset"
],
"description": "The math-depth property describes a notion of depth for each element of a mathematical formula, with respect to the top-level container of that formula. Concretely, this is used to determine the computed value of the font-size property when its specified value is math."
},
"animation-composition": {
"values": [
"replace",
"add",
"accumulate",
"inherit",
"initial",
"unset"
],
"description": "The animation-composition CSS property specifies the Glossary(composite operation) to use when multiple animations affect the same property simultaneously."
},
"animation-range-start": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "Shifts the start time of the animation (i.e. where keyframes mapped to 0% progress are attached when the iteration count is 1) to the specified position on the timeline."
},
"animation-range-end": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "Shifts the end time of the animation (i.e. where keyframes mapped to 100% progress are attached when the iteration count is 1) to the specified position on the timeline."
},
"math-shift": {
"values": [
"normal",
"compact",
"inherit",
"initial",
"unset"
],
"description": "The math-shift property indicates whether superscripts inside MathML formulas should be raised by a normal or compact shift."
},
"view-timeline-inset": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "Specifies an inset (positive) or outset (negative) adjustment of the scrollport when determining whether the box is in view when setting the bounds of the corresponding view progress timeline."
},
"font-synthesis-style": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "This property controls whether user agents are allowed to synthesize oblique font faces when a font family lacks oblique faces."
},
"font-synthesis-small-caps": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "This property controls whether user agents are allowed to synthesize small caps font faces when a font family lacks small caps faces."
},
"font-synthesis-weight": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "This property controls whether user agents are allowed to synthesize bold font faces when a font family lacks bold faces."
},
"view-timeline-axis": {
"values": [
"block",
"inline",
"vertical",
"horizontal",
"inherit",
"initial",
"unset"
],
"description": "Specifies an axis for each named view progress timeline associated with this scroll container."
},
"view-timeline-name": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "Specifies names for any view progress timelines associated with this element’s principal box."
},
"scroll-timeline-name": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The scroll-timeline-name CSS property defines a name that can be used to identify an element as the source of a scroll timeline for an animation."
},
"scroll-timeline-axis": {
"values": [
"block",
"inline",
"vertical",
"horizontal",
"inherit",
"initial",
"unset"
],
"description": "The scroll-timeline-axis CSS property can be used to specify the scrollbar that will be used to provide the timeline for a scroll-timeline animation."
},
"view-timeline": {
"values": [
"none",
"block",
"inline",
"vertical",
"horizontal",
"inherit",
"initial",
"unset"
],
"description": "This property is a shorthand for setting view-timeline-name and view-timeline-axis in a single declaration. It does not set view-timeline-inset."
},
"scroll-timeline": {
"values": [
"none",
"block",
"inline",
"vertical",
"horizontal",
"inherit",
"initial",
"unset"
],
"description": "The scroll-timeline CSS shorthand property defines a name that can be used to identify the source element of a scroll timeline, along with the scrollbar axis that should provide the timeline."
},
"animation-range": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The animation-range property is a shorthand that sets animation-range-start and animation-range-end together in a single declaration."
},
"font-size-adjust": {
"values": [
"none",
"ex-height",
"cap-height",
"ch-width",
"ic-width",
"ic-height",
"from-font",
"inherit",
"initial",
"unset"
],
"description": "The font-size-adjust CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters)."
},
"font-variant-position": {
"values": [
"normal",
"sub",
"super",
"inherit",
"initial",
"unset"
],
"description": "The font-variant-position CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript."
},
"offset-anchor": {
"values": [
"auto",
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The offset-anchor CSS property specifies the point inside the box of an element traveling along an offset-path that is actually moving along the path."
},
"speak-as": {
"values": [
"normal",
"spell-out",
"digits",
"literal-punctuation",
"no-punctuation",
"inherit",
"initial",
"unset"
],
"description": "The speak-as property determines in what manner text gets rendered aurally, based upon a predefined list of possibilities."
},
"anchor-name": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "Allows anchor functions to refer to an anchor element by name."
},
"position-fallback": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "Provides blocks of style rules to try out. The first that doesn't cause the element to overflow its containing block is taken as the winner."
},
"anchor-scroll": {
"values": [
"none",
"default",
"implicit",
"popover",
"inherit",
"initial",
"unset"
],
"description": "The anchor-scroll property allows an author to compensate for none aligned positioned elements and their anchor without losing the performance benefits of the separate scrolling thread."
},
"anchor-default": {
"values": [
"implicit",
"popover",
"inherit",
"initial",
"unset"
],
"description": "The anchor-default property defines the default anchor specifier for all anchor functions on the element."
},
"offset-position": {
"values": [
"auto",
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The offset-position CSS property defines the initial position of the offset-path."
},
"glyph-orientation-vertical": {
"values": [
"auto",
"0deg",
"90deg",
"90",
"inherit",
"initial",
"unset"
],
"description": "The glyph-orientation-vertical attribute affects the amount that the current text position advances as each glyph is rendered."
},
"text-justify": {
"values": [
"auto",
"none",
"inter-word",
"inter-character",
"inherit",
"initial",
"unset"
],
"description": "The text-justify CSS property sets what type of justification should be applied to text when text-align: justify; is set on an element."
},
"shape-inside": {
"values": [
"auto",
"outside-shape",
"shape-box",
"display",
"inherit",
"initial",
"unset"
],
"description": "The shape-inside property adds one or more exclusion areas to the element’s wrapping context."
},
"shape-padding": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The shape-padding property adds padding to a shape-inside. This defines a new shape where every point is the specified distance from the shape-inside."
},
"image-orientation": {
"values": [
"from-image",
"none",
"flip",
"inherit",
"initial",
"unset"
],
"description": "The image-orientation CSS property specifies a layout-independent correction to the orientation of an image."
},
"image-resolution": {
"values": [
"from-image",
"snap",
"inherit",
"initial",
"unset"
],
"description": "The image-resolution CSS property specifies the intrinsic resolution of all raster images used in or on the element. It affects content images such as replaced elements and generated content, and decorative images such as background-image images."
},
"overflow-inline": {
"values": [
"visible",
"hidden",
"clip",
"scroll",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overflow-inline CSS property sets what shows when content overflows the inline start and end edges of a box. This may be nothing, a scroll bar, or the overflow content."
},
"overflow-block": {
"values": [
"visible",
"hidden",
"clip",
"scroll",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overflow-block CSS property sets what shows when content overflows the block start and block end edges of a box. This may be nothing, a scroll bar, or the overflow content."
},
"scrollbar-width": {
"values": [
"auto",
"thin",
"none",
"inherit",
"initial",
"unset"
],
"description": "The scrollbar-width property allows the author to set the maximum thickness of an element's scrollbars when they are shown."
},
"cue": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The cue property is a shorthand for cue-before and cue-after."
},
"rest": {
"values": [
"none",
"x-weak",
"weak",
"medium",
"strong",
"x-strong",
"inherit",
"initial",
"unset"
],
"description": "The rest property is a shorthand for rest-before and rest-after."
},
"pause": {
"values": [
"none",
"x-weak",
"weak",
"medium",
"strong",
"x-strong",
"inherit",
"initial",
"unset"
],
"description": "The pause property is a shorthand property for pause-before and pause-after."
},
"caret": {
"values": [
"auto",
"bar",
"block",
"underscore",
"inherit",
"initial",
"unset"
],
"description": "This property is a shorthand for setting caret-color and caret-shape in one declaration."
},
"nav-up": {
"values": [
"auto",
"current",
"root",
"inherit",
"initial",
"unset"
],
"description": "User agents for devices with directional navigation keys respond by navigating the focus according to four respective nav-* directional navigation properties (nav-up, nav-right, nav-down, nav-left)."
},
"corners": {
"values": [
"round",
"angle",
"inherit",
"initial",
"unset"
],
"description": "The corners shorthand sets corner-shape and border-radius in the same declaration."
},
"box-snap": {
"values": [
"none",
"block-start",
"block-end",
"center",
"baseline",
"last-baseline",
"inherit",
"initial",
"unset"
],
"description": "Specifies how the block is snapped to the baseline grid."
},
"continue": {
"values": [
"auto",
"discard",
"-webkit-discard",
"overflow",
"paginate",
"fragments",
"inherit",
"initial",
"unset"
],
"description": "The continue property gives authors the ability to request that content that does not fit inside an element be fragmented, and provides alternatives for where the remaining content should continue."
},
"nav-down": {
"values": [
"auto",
"current",
"root",
"inherit",
"initial",
"unset"
],
"description": "User agents for devices with directional navigation keys respond by navigating the focus according to four respective nav-* directional navigation properties (nav-up, nav-right, nav-down, nav-left)."
},
"nav-left": {
"values": [
"auto",
"current",
"root",
"inherit",
"initial",
"unset"
],
"description": "User agents for devices with directional navigation keys respond by navigating the focus according to four respective nav-* directional navigation properties (nav-up, nav-right, nav-down, nav-left)."
},
"wrap-flow": {
"values": [
"auto",
"both",
"start",
"end",
"minimum",
"maximum",
"clear",
"inherit",
"initial",
"unset"
],
"description": "An element becomes an exclusion when its wrap-flow property has a computed value other than auto."
},
"copy-into": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The copy-into property contains one or more pairs, each consisting of a custom identifier followed by a content-level keyword describing how to construct the value of the named content fragment."
},
"text-edge": {
"values": [
"leading",
"text",
"cap",
"ex",
"ideographic",
"ideographic-ink",
"alphabetic",
"inherit",
"initial",
"unset"
],
"description": "Inline boxes, whose primary purpose is to contain text, are sized in the block axis based on their font metrics."
},
"line-grid": {
"values": [
"match-parent",
"create",
"inherit",
"initial",
"unset"
],
"description": "Specifies whether this box creates a new baseline grid for its descendants or uses the same baseline grid as its parent."
},
"line-snap": {
"values": [
"none",
"baseline",
"contain",
"inherit",
"initial",
"unset"
],
"description": "This property applies to all the line boxes directly contained by the element, and, when not none, causes each line box to shift (usually downward, possibly by zero) until it snaps to the line grid specified by line-grid."
},
"mask-mode": {
"values": [
"alpha",
"luminance",
"match-source",
"inherit",
"initial",
"unset"
],
"description": "The mask-mode CSS property sets whether the mask reference defined by mask-image is treated as a luminance or alpha mask."
},
"mask-clip": {
"values": [
"fill-box",
"stroke-box",
"view-box",
"no-clip",
"inherit",
"initial",
"unset"
],
"description": "The mask-clip CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area."
},
"mask-size": {
"values": [
"auto",
"cover",
"contain",
"inherit",
"initial",
"unset"
],
"description": "The mask-size CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio."
},
"max-lines": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "A property that forces a fragment to break after a specified number of lines."
},
"flow-into": {
"values": [
"none",
"element",
"content",
"inherit",
"initial",
"unset"
],
"description": "The ‘flow-into’ property can place an element or its contents into a named flow."
},
"flow-from": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The flow-from property makes a block container a region and associates it with a named flow."
},
"cue-after": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The cue-after property specifies auditory icons to be played after the element."
},
"nav-right": {
"values": [
"auto",
"current",
"root",
"inherit",
"initial",
"unset"
],
"description": "User agents for devices with directional navigation keys respond by navigating the focus according to four respective nav-* directional navigation properties (nav-up, nav-right, nav-down, nav-left)."
},
"fill-size": {
"values": [
"auto",
"cover",
"contain",
"inherit",
"initial",
"unset"
],
"description": "Specifies the size of the fill images. Values are interpreted identically to background-size, mutatis mutandi."
},
"string-set": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The string-set property contains one or more pairs, each consisting of an custom identifier (the name of the named string) followed by a content-list describing how to construct the value of the named string."
},
"mask-image": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The mask-image CSS property sets the image that is used as mask layer for an element."
},
"line-clamp": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The line-clamp property is a shorthand for the max-lines, block-ellipsis, and continue properties."
},
"block-step": {
"values": [
"none",
"margin",
"padding",
"auto",
"center",
"start",
"end",
"up",
"down",
"nearest",
"inherit",
"initial",
"unset"
],
"description": "This shorthand property allows for setting block-step-size, block-step-insert, block-step-align, and block-step-round in one declaration."
},
"ruby-merge": {
"values": [
"separate",
"merge",
"auto",
"inherit",
"initial",
"unset"
],
"description": "This property controls how ruby annotation boxes should be rendered when there are more than one in a ruby container box: whether each pair should be kept separate, the annotations should be merged and rendered as a group, or the separation should be determined based on the space available."
},
"ruby-align": {
"values": [
"start",
"center",
"space-between",
"space-around",
"inherit",
"initial",
"unset"
],
"description": "The ruby-align CSS property defines the distribution of the different ruby elements over the base."
},
"rest-after": {
"values": [
"none",
"x-weak",
"weak",
"medium",
"strong",
"x-strong",
"inherit",
"initial",
"unset"
],
"description": "The rest-after property specifies a prosodic boundary (silence with a specific duration) that occurs after the speech synthesis rendition of an element."
},
"cue-before": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The cue-before property specifies auditory icons to be played before the element."
},
"voice-rate": {
"values": [
"normal",
"x-slow",
"slow",
"medium",
"fast",
"x-fast",
"inherit",
"initial",
"unset"
],
"description": "The voice-rate property manipulates the rate of generated synthetic speech in terms of words per minute."
},
"wrap-after": {
"values": [
"auto",
"avoid",
"avoid-line",
"avoid-flex",
"line",
"flex",
"inherit",
"initial",
"unset"
],
"description": "The wrap-after property specifies modifications to break opportunities in line breaking."
},
"fill-break": {
"values": [
"bounding-box",
"slice",
"clone",
"inherit",
"initial",
"unset"
],
"description": "This property specifies how the geometry of a fragmented box is treated for fills."
},
"fill-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "This property sets the fill color of an element. This color is drawn behind any fill images."
},
"fill-image": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "This property sets the fill images of an element. Images are drawn with the first specified one on top (closest to the user) and each subsequent image behind the previous one."
},
"border-clip": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "Shorthand for border-clip-top, border-clip-right, border-clip-bottom, and border-clip-left."
},
"margin-trim": {
"values": [
"none",
"block",
"inline",
"block-start",
"inline-start",
"block-end",
"inline-end",
"inherit",
"initial",
"unset"
],
"description": "The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges."
},
"marker-side": {
"values": [
"match-self",
"match-parent",
"inherit",
"initial",
"unset"
],
"description": "The marker-side property specifies whether an outside marker box is positioned based on the directionality of the list item itself (i.e. its originating element) or the directionality of the list container (i.e. the originating element’s parent)."
},
"mask-repeat": {
"values": [
"repeat-x",
"repeat-y",
"repeat",
"space",
"round",
"no-repeat",
"inherit",
"initial",
"unset"
],
"description": "The mask-repeat CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all."
},
"mask-origin": {
"values": [
"fill-box",
"stroke-box",
"view-box",
"inherit",
"initial",
"unset"
],
"description": "The mask-origin CSS property sets the origin of a mask."
},
"mask-border": {
"values": [
"none",
"fill",
"auto",
"stretch",
"repeat",
"round",
"space",
"luminance",
"alpha",
"inherit",
"initial",
"unset"
],
"description": "The mask-border CSS shorthand property lets you create a mask along the edge of an element's border."
},
"float-defer": {
"values": [
"last",
"none",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether the initial float reference of a page float is the fragmentation container in which the float anchor is placed after previous page floats have been placed, or in another one."
},
"pause-after": {
"values": [
"none",
"x-weak",
"weak",
"medium",
"strong",
"x-strong",
"inherit",
"initial",
"unset"
],
"description": "The pause-after property specifies a prosodic boundary (silence with a specific duration) that occurs after the speech synthesis rendition of the element."
},
"rest-before": {
"values": [
"none",
"x-weak",
"weak",
"medium",
"strong",
"x-strong",
"inherit",
"initial",
"unset"
],
"description": "The rest-before property specifies a prosodic boundary (silence with a specific duration) that occurs before the speech synthesis rendition of an element."
},
"voice-pitch": {
"values": [
"absolute",
"x-low",
"low",
"medium",
"high",
"x-high",
"inherit",
"initial",
"unset"
],
"description": "The voice-pitch property specifies the 'baseline' pitch of the generated speech output, which depends on the user 'voice-family' instance, and varies across speech synthesis processors."
},
"voice-range": {
"values": [
"absolute",
"x-low",
"low",
"medium",
"high",
"x-high",
"inherit",
"initial",
"unset"
],
"description": "The voice-range property specifies the variability in the 'baseline' pitch."
},
"wrap-before": {
"values": [
"auto",
"avoid",
"avoid-line",
"avoid-flex",
"line",
"flex",
"inherit",
"initial",
"unset"
],
"description": "The wrap-before property specifies modifications to break opportunities in line breaking."
},
"wrap-inside": {
"values": [
"auto",
"avoid",
"inherit",
"initial",
"unset"
],
"description": "Specifies the line breaking behavior within a box. As determed by the line-breaking rules in effect."
},
"caret-shape": {
"values": [
"auto",
"bar",
"block",
"underscore",
"inherit",
"initial",
"unset"
],
"description": "This property allows authors to specify the desired shape of the text insertion caret."
},
"fill-origin": {
"values": [
"match-parent",
"fill-box",
"stroke-box",
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "This property specifies the coordinate system of the fill, setting the fill positioning area."
},
"fill-repeat": {
"values": [
"repeat-x",
"repeat-y",
"repeat",
"space",
"round",
"no-repeat",
"inherit",
"initial",
"unset"
],
"description": "Specifies how fill images are tiled after they have been sized and positioned."
},
"stroke-size": {
"values": [
"auto",
"cover",
"contain",
"inherit",
"initial",
"unset"
],
"description": "Specifies the size of the stroke images."
},
"-webkit-flex": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of flex."
},
"-webkit-mask": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask."
},
"corner-shape": {
"values": [
"round",
"angle",
"inherit",
"initial",
"unset"
],
"description": "The corner-shape property specifies a reinterpretation of the radii to define other corner shapes."
},
"border-limit": {
"values": [
"all",
"sides",
"corners",
"top",
"right",
"bottom",
"left",
"inherit",
"initial",
"unset"
],
"description": "Specifies which part of the border is rendered."
},
"margin-break": {
"values": [
"auto",
"keep",
"discard",
"inherit",
"initial",
"unset"
],
"description": "Controls whether the box’s block-axis margins are discarded or kept at a fragmentation break."
},
"color-adjust": {
"values": [
"economy",
"exact",
"inherit",
"initial",
"unset"
],
"description": "The color-adjust shorthand allows an author to set all of the performance-motivated color adjustment properties in one declaration."
},
"layout-order": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "By allowing the layout to be rearranged without affecting the underlying document source order, the layout-order property lets authors keep a document’s reading and interaction order matched to the visual perception order in cases where it does not match the layout order."
},
"wrap-through": {
"values": [
"wrap",
"none",
"inherit",
"initial",
"unset"
],
"description": "Setting the wrap-through property to none prevents an element from inheriting its parent wrapping context."
},
"align-tracks": {
"values": [
"normal",
"first",
"last",
"baseline",
"space-between",
"space-around",
"space-evenly",
"stretch",
"unsafe",
"safe",
"center",
"start",
"end",
"flex-start",
"flex-end",
"inherit",
"initial",
"unset"
],
"description": "The align-tracks CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis."
},
"leading-trim": {
"values": [
"normal",
"start",
"end",
"both",
"inherit",
"initial",
"unset"
],
"description": "On inline boxes, specifies whether to trim the content box to match its corresponding text-edge metric."
},
"float-offset": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "This property pushes a page float in direction opposite of the where it has been floated with float."
},
"scroll-start": {
"values": [
"auto",
"start",
"end",
"center",
"left",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "This property is a shorthand property that sets all of the scroll-start-* longhands in one declaration."
},
"voice-volume": {
"values": [
"silent",
"x-soft",
"soft",
"medium",
"loud",
"x-loud",
"inherit",
"initial",
"unset"
],
"description": "The voice-volume property allows authors to control the amplitude of the audio waveform generated by the speech synthesizer, and is also used to adjust the relative volume level of audio cues within the aural box model of the selected element."
},
"pause-before": {
"values": [
"none",
"x-weak",
"weak",
"medium",
"strong",
"x-strong",
"inherit",
"initial",
"unset"
],
"description": "The pause-before property specifies a prosodic boundary (silence with a specific duration) that occurs before the speech synthesis rendition of the element."
},
"voice-family": {
"values": [
"preserve",
"inherit",
"initial",
"unset"
],
"description": "The voice-family property specifies a prioritized list of component values that are separated by commas to indicate that they are alternatives."
},
"voice-stress": {
"values": [
"normal",
"strong",
"moderate",
"none",
"reduced",
"inherit",
"initial",
"unset"
],
"description": "The voice-stress property manipulates the strength of emphasis, which is normally applied using a combination of pitch change, timing changes, loudness and other acoustic differences."
},
"line-padding": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Adjusts spacing only at the start/end of a line."
},
"text-spacing": {
"values": [
"normal",
"none",
"auto",
"no-compress",
"trim-start",
"space-start",
"space-first",
"trim-end",
"space-end",
"allow-end",
"trim-adjacent",
"space-adjacent",
"ideograph-alpha",
"ideograph-numeric",
"punctuation",
"inherit",
"initial",
"unset"
],
"description": "This property is a shorthand for setting text-spacing-trim and text-autospace in a single declaration."
},
"stroke-align": {
"values": [
"center",
"inset",
"outset",
"inherit",
"initial",
"unset"
],
"description": "This property allows the author to align a stroke along the outline."
},
"stroke-break": {
"values": [
"bounding-box",
"slice",
"clone",
"inherit",
"initial",
"unset"
],
"description": "This property specifies how the geometry of a fragmented box is treated for strokes."
},
"stroke-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "This property sets the stroke colors of an element."
},
"stroke-image": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "This property sets the stroke images of an element."
},
"-webkit-order": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of order."
},
"reading-order": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The reading-order property controls the order in which elements are rendered to speech or are navigated to when using (linear) sequention navigation methods."
},
"inline-sizing": {
"values": [
"normal",
"stretch",
"inherit",
"initial",
"unset"
],
"description": "This property specifies how the logical height of the content area of an inline box is measured in relation to its contents."
},
"mask-position": {
"values": [
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "The mask-position CSS property sets the initial position, relative to the mask position layer set by mask-origin, for each defined mask image."
},
"ruby-overhang": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "The ruby-overhang property controls whether ruby annotations may overlap adjacent text outside the ruby container."
},
"scroll-margin": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin property does for margins of an element."
},
"voice-balance": {
"values": [
"left",
"center",
"right",
"leftwards",
"rightwards",
"inherit",
"initial",
"unset"
],
"description": "The voice-balance property controls the spatial distribution of audio output across a lateral sound stage: one extremity is on the left, the other extremity is on the right hand side, relative to the listener’s position."
},
"fill-position": {
"values": [
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "If fill images have been specified, this property specifies their initial position (after any resizing) within their corresponding fill positioning area."
},
"stroke-origin": {
"values": [
"match-parent",
"fill-box",
"stroke-box",
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "This property specifies the coordinate system of the stroke, setting the stroke positioning area."
},
"stroke-repeat": {
"values": [
"repeat-x",
"repeat-y",
"repeat",
"space",
"round",
"no-repeat",
"inherit",
"initial",
"unset"
],
"description": "Specifies how stroke fill images are tiled after they have been sized and positioned."
},
"-webkit-filter": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of filter."
},
"bookmark-level": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The bookmark-level property determines if a bookmark is created, and at what level."
},
"bookmark-label": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Sets the text content of the bookmark label."
},
"bookmark-state": {
"values": [
"open",
"closed",
"inherit",
"initial",
"unset"
],
"description": "The bookmark-state may be open or closed."
},
"justify-tracks": {
"values": [
"normal",
"space-between",
"space-around",
"space-evenly",
"stretch",
"unsafe",
"safe",
"center",
"start",
"end",
"flex-start",
"flex-end",
"left",
"right",
"inherit",
"initial",
"unset"
],
"description": "The justify-tracks CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis."
},
"mask-composite": {
"values": [
"add",
"subtract",
"intersect",
"exclude",
"inherit",
"initial",
"unset"
],
"description": "The mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it."
},
"block-ellipsis": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "This property allows inserting content into the last line box before a (forced or unforced) region break to indicate the continuity of truncated/interrupted content."
},
"scroll-start-x": {
"values": [
"auto",
"start",
"end",
"center",
"inherit",
"initial",
"unset"
],
"description": "Defines the scroll starting point in the block axis."
},
"scroll-start-y": {
"values": [
"auto",
"start",
"end",
"center",
"inherit",
"initial",
"unset"
],
"description": "Defines the scroll starting point in the inline axis."
},
"voice-duration": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The voice-duration property specifies how long it should take to render the selected element's content."
},
"text-align-all": {
"values": [
"start",
"end",
"left",
"right",
"center",
"justify",
"match-parent",
"inherit",
"initial",
"unset"
],
"description": "This longhand of the text-align shorthand property specifies the inline alignment of all lines of inline content in the block container, except for last lines overridden by a non-auto value of text-align-last."
},
"input-security": {
"values": [
"auto",
"none",
"inherit",
"initial",
"unset"
],
"description": "For the purpose of this specification, a sensitive text input is a text input whose purpose is to accept sensitive input, as defined by the host language."
},
"shape-subtract": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The shape-subtract property allows one to exclude part of the content area from the wrapping area. The excluded area is the addition of all the areas defined in a list of CSS basic shapes and/or SVG shapes."
},
"border-clip-top": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "Splits the top border into parts along the border edge."
},
"footnote-policy": {
"values": [
"auto",
"line",
"block",
"inherit",
"initial",
"unset"
],
"description": "The footnote-policy property allows authors some influence over the rendering of difficult pages."
},
"link-parameters": {
"values": [
"none",
"param(",
"inherit",
"initial",
"unset"
],
"description": "The link-parameters property is one way to set link parameters on the element itself, and on all external CSS resources specified on the element."
},
"float-reference": {
"values": [
"inline",
"column",
"region",
"page",
"inherit",
"initial",
"unset"
],
"description": "The floats are aligning to the start or end of a float reference, specified by the float-reference attribute."
},
"region-fragment": {
"values": [
"auto",
"break",
"inherit",
"initial",
"unset"
],
"description": "The region-fragment property controls the behavior of the last usable region associated with a named flow."
},
"block-step-size": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "This property defines the step unit for a block-level box’s block size."
},
"border-boundary": {
"values": [
"none",
"parent",
"display",
"inherit",
"initial",
"unset"
],
"description": "When the border-boundary property on an element is set to 'parent', additional borders of the element could be drawn where the element’s area and the borders of its parent are met."
},
"scrollbar-color": {
"values": [
"auto",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The scrollbar-color CSS property sets the color of the scrollbar track and thumb."
},
"text-space-trim": {
"values": [
"none",
"discard-inner",
"discard-before",
"discard-after",
"inherit",
"initial",
"unset"
],
"description": "This property allows authors to specify trimming behavior at the beginning and end of a box."
},
"stroke-position": {
"values": [
"left",
"center",
"right",
"top",
"bottom",
"inherit",
"initial",
"unset"
],
"description": "If stroke images have been specified, this property specifies their initial position (after any resizing) within their corresponding stroke positioning area."
},
"-webkit-box-flex": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Vendor prefixed property mapping to flex-grow."
},
"-webkit-box-pack": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Vendor prefixed property mapping to justify-content."
},
"border-clip-left": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "Splits the left border into parts along the border edge."
},
"footnote-display": {
"values": [
"block",
"inline",
"compact",
"inherit",
"initial",
"unset"
],
"description": "The footnote-display property determines whether a footnote is displayed as a block element or inline element."
},
"mask-border-mode": {
"values": [
"luminance",
"alpha",
"inherit",
"initial",
"unset"
],
"description": "The mask-border-mode CSS property specifies the blending mode used in a mask border."
},
"block-step-align": {
"values": [
"auto",
"center",
"start",
"end",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether extra spacing derived from applying block-step-size is inserted before, inserted after, or split between both sides of the box."
},
"block-step-round": {
"values": [
"up",
"down",
"nearest",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether adjustments due to block-step-size insert positive or negative space."
},
"line-height-step": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The line-height-step CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit."
},
"text-group-align": {
"values": [
"none",
"start",
"end",
"left",
"right",
"center",
"inherit",
"initial",
"unset"
],
"description": "This property aligns the contents of the line boxes as a group while maintaining their text alignment."
},
"stroke-alignment": {
"values": [
"center",
"inner",
"outer",
"inherit",
"initial",
"unset"
],
"description": "This property allows the author to align a stroke along the outline of the current object."
},
"-webkit-animation": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation."
},
"-webkit-flex-flow": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of flex-flow."
},
"-webkit-flex-grow": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of flex-grow."
},
"-webkit-flex-wrap": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of flex-wrap."
},
"-webkit-mask-clip": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-clip."
},
"-webkit-mask-size": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-size."
},
"-webkit-transform": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transform."
},
"-webkit-box-align": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Vendor prefixed property mapping to align-items."
},
"border-clip-right": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "Splits the right border into parts along the border edge."
},
"masonry-auto-flow": {
"values": [
"pack",
"next",
"definite-first",
"ordered",
"inherit",
"initial",
"unset"
],
"description": "The masonry-auto-flow CSS property modifies how items are placed when using masonry in CSS Grid Layout."
},
"mask-border-slice": {
"values": [
"fill",
"inherit",
"initial",
"unset"
],
"description": "The mask-border-slice CSS property divides the image set by mask-border-source into regions. These regions are used to form the components of an element's mask border."
},
"mask-border-width": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "The mask-border-width CSS property sets the width of an element's mask border."
},
"block-step-insert": {
"values": [
"margin",
"padding",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether extra spacing derived from applying block-step-size is inserted inside (like padding) or outside (like margin) the box’s border."
},
"scroll-margin-top": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"stroke-dashcorner": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The stroke-dashcorner property controls whether a dash is always painted at the vertices of a stroked shape."
},
"stroke-dashadjust": {
"values": [
"none",
"stretch",
"compress",
"dashes",
"gaps",
"inherit",
"initial",
"unset"
],
"description": "The stroke-dashadjust property specifies whether and how a stroke's dash pattern will be adjusted so that it is repeated a whole number of times along an element's subpaths."
},
"-webkit-align-self": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of align-self."
},
"-webkit-box-shadow": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of box-shadow."
},
"-webkit-box-sizing": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of box-sizing."
},
"-webkit-flex-basis": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of flex-basis."
},
"-webkit-mask-image": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-image."
},
"-webkit-transition": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transition."
},
"-webkit-box-orient": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Vendor prefixed property mapping to flex-direction."
},
"border-clip-bottom": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "Splits the bottom border into parts along the border edge."
},
"print-color-adjust": {
"values": [
"economy",
"exact",
"inherit",
"initial",
"unset"
],
"description": "The print-color-adjust CSS property sets what, if anything, the Glossary(user agent) may do to optimize the appearance of the element on the output device."
},
"font-variant-emoji": {
"values": [
"normal",
"text",
"emoji",
"unicode",
"inherit",
"initial",
"unset"
],
"description": "The font-variant-emoji CSS property specifies the default presentation style for displaying emojis."
},
"mask-border-source": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The mask-border-source CSS property sets the source image used to create an element's mask border."
},
"mask-border-outset": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The mask-border-outset CSS property specifies the distance by which an element's mask border is set out from its border box."
},
"mask-border-repeat": {
"values": [
"stretch",
"repeat",
"round",
"space",
"inherit",
"initial",
"unset"
],
"description": "The mask-border-repeat CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border."
},
"-webkit-line-clamp": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The -webkit-line-clamp CSS property allows limiting of the contents of a block to the specified number of lines."
},
"scroll-start-block": {
"values": [
"auto",
"start",
"end",
"center",
"inherit",
"initial",
"unset"
],
"description": "Defines the flow for 'scroll-start' longhands."
},
"scroll-margin-left": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-left property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"text-emphasis-skip": {
"values": [
"spaces",
"punctuation",
"symbols",
"narrow",
"inherit",
"initial",
"unset"
],
"description": "This property describes for which characters marks are drawn."
},
"-webkit-appearance": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Name Alias of appearance."
},
"stroke-dash-corner": {
"values": [
"none",
"inherit",
"initial",
"unset"
],
"description": "The stroke-dash-corner property controls whether a dash is always painted at the vertices of a stroked shape."
},
"-webkit-text-stroke": {
"values": [
"thin",
"medium",
"thick",
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The -webkit-text-stroke CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties -webkit-text-stroke-width and -webkit-text-stroke-color."
},
"-webkit-align-items": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of align-items."
},
"-webkit-flex-shrink": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of flex-shrink."
},
"-webkit-mask-origin": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-origin."
},
"-webkit-mask-repeat": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-repeat."
},
"-webkit-perspective": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of perspective."
},
"initial-letter-wrap": {
"values": [
"none",
"first",
"all",
"grid",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether lines impacted by an initial letter are shortened to fit the rectangular shape of the initial letter box or the contour of its glyph outline."
},
"overscroll-behavior": {
"values": [
"contain",
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overscroll-behavior CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x and overscroll-behavior-y."
},
"scroll-start-target": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "This property is a shorthand property that sets all of the scroll-start-target-* longhands in one declaration."
},
"scroll-start-inline": {
"values": [
"auto",
"start",
"end",
"center",
"inherit",
"initial",
"unset"
],
"description": "Defines the flow for 'scroll-start' longhands."
},
"scroll-margin-right": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"scroll-margin-block": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-block shorthand property sets the scroll margins of an element in the block dimension."
},
"text-space-collapse": {
"values": [
"collapse",
"discard",
"preserve",
"preserve-breaks",
"preserve-spaces",
"inherit",
"initial",
"unset"
],
"description": "Previous name of 'white-space-collapse'"
},
"hanging-punctuation": {
"values": [
"none",
"first",
"force-end",
"allow-end",
"last",
"inherit",
"initial",
"unset"
],
"description": "The hanging-punctuation CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box."
},
"-webkit-user-select": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Alias shorthand property of user-select."
},
"stroke-dash-justify": {
"values": [
"none",
"stretch",
"compress",
"dashes",
"gaps",
"inherit",
"initial",
"unset"
],
"description": "The stroke-dash-justify property specifies whether and how a stroke's dash pattern will be adjusted so that it is repeated a whole number of times along each of an element's subpaths."
},
"box-decoration-break": {
"values": [
"slice",
"clone",
"inherit",
"initial",
"unset"
],
"description": "The box-decoration-break CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages."
},
"initial-letter-align": {
"values": [
"border-box",
"alphabetic",
"ideographic",
"hanging",
"leading",
"inherit",
"initial",
"unset"
],
"description": "The initial-letter-align CSS property specifies the alignment of initial letters within a paragraph."
},
"scroll-margin-bottom": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-bottom property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"scroll-margin-inline": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-inline shorthand property sets the scroll margins of an element in the inline dimension."
},
"min-intrinsic-sizing": {
"values": [
"legacy",
"zero-if-scroll",
"zero-if-extrinsic",
"inherit",
"initial",
"unset"
],
"description": "This property defines whether the min-content contribution of a non-replaced box is “compressed” under certain circumstances."
},
"hyphenate-limit-zone": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "This property specifies the maximum amount of unfilled space (before justification) that may be left in the line box before hyphenation is triggered to pull part of a word from the next line back up into the current line."
},
"hyphenate-limit-last": {
"values": [
"none",
"always",
"column",
"page",
"spread",
"inherit",
"initial",
"unset"
],
"description": "This property indicates hyphenation behavior at the end of elements, column, pages, and spreads."
},
"text-decoration-trim": {
"values": [
"auto",
"inherit",
"initial",
"unset"
],
"description": "This property adjusts the start and end points of line decorations, allowing the author to shorten, lengthen, or shift the decoration with respect to the text."
},
"-webkit-align-content": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of align-content."
},
"-webkit-border-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of border-radius."
},
"-webkit-mask-position": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-position."
},
"overscroll-behavior-x": {
"values": [
"contain",
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overscroll-behavior-x CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached."
},
"overscroll-behavior-y": {
"values": [
"contain",
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The overscroll-behavior-y CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached."
},
"hyphenate-limit-lines": {
"values": [
"no-limit",
"inherit",
"initial",
"unset"
],
"description": "This property indicates the maximum number of successive hyphenated lines in an element. The no-limit value means that there is no limit."
},
"-webkit-animation-name": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-name."
},
"-webkit-flex-direction": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of flex-direction."
},
"-webkit-mask-box-image": {
"values": [
"inherit",
"initial",
"unset"
],
"description": " Non-standardheader() "
},
"-webkit-mask-composite": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property."
},
"font-language-override": {
"values": [
"normal",
"inherit",
"initial",
"unset"
],
"description": "The font-language-override CSS property controls the use of language-specific glyphs in a typeface."
},
"contain-intrinsic-size": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The contain-intrinsic-size CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment."
},
"-webkit-text-fill-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The -webkit-text-fill-color CSS property specifies the fill color of characters of text. If this property is not set, the value of the color property is used."
},
"-webkit-animation-delay": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-delay."
},
"-webkit-background-clip": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of background-clip."
},
"-webkit-background-size": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Improper implementation of a legacy alias for background-size."
},
"-webkit-justify-content": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of justify-content."
},
"-webkit-transform-style": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transform-style."
},
"scroll-margin-block-end": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-block-end property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"contain-intrinsic-width": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The contain-intrinsic-width CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment."
},
"word-boundary-detection": {
"values": [
"normal",
"manual",
"auto()",
"inherit",
"initial",
"unset"
],
"description": "This property allows the author to decide whether and how the user agent must analyse the content to determine where word boundaries are, and to insert virtual word boundaries accordingly."
},
"word-boundary-expansion": {
"values": [
"none",
"space",
"ideographic-space",
"inherit",
"initial",
"unset"
],
"description": "This property allows transforming certain word-separating characters into other word-separating characters, to accommodate variant typesetting styles."
},
"-webkit-transform-origin": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transform-origin."
},
"-webkit-transition-delay": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transition-delay."
},
"-webkit-text-size-adjust": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Vendor Prefixed Legacy Name Alias. (-vendorPrefix-)text-size-adjust"
},
"overflow-clip-margin-top": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"scroll-margin-inline-end": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-inline-end property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"contain-intrinsic-height": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The contain-intrinsic-length CSS property sets the height of an element that a browser can use for layout when the element is subject to size containment."
},
"text-decoration-skip-box": {
"values": [
"none",
"all",
"inherit",
"initial",
"unset"
],
"description": "This property specifies what parts of the element’s box area any text decoration affecting the element must skip over."
},
"-webkit-text-stroke-color": {
"values": [
"currentcolor",
"inherit",
"initial",
"unset"
],
"description": "The -webkit-text-stroke-color CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color property is used."
},
"-webkit-text-stroke-width": {
"values": [
"thin",
"medium",
"thick",
"inherit",
"initial",
"unset"
],
"description": "The -webkit-text-stroke-width CSS property specifies the width of the stroke for text."
},
"-webkit-background-origin": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of background-origin."
},
"-webkit-box-ordinal-group": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Vendor prefixed property mapping to order."
},
"background-position-block": {
"values": [
"center",
"start",
"end",
"inherit",
"initial",
"unset"
],
"description": "This property specifies the background position's block-axis component."
},
"spatial-navigation-action": {
"values": [
"auto",
"focus",
"scroll",
"inherit",
"initial",
"unset"
],
"description": "When the focus is inside of a scroll container and the user triggers spatial navigation, it is somewhat ambiguous whether they are requesting that the focus be moved in that direction, or whether the document should be scrolled in that direction."
},
"overflow-clip-margin-left": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"scroll-margin-block-start": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-block-start property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"text-decoration-skip-self": {
"values": [
"auto",
"skip-all",
"skip-underline",
"skip-overline",
"skip-line-through",
"no-skip",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether any text decoration lines drawn by its ancestors are propagated to or drawn across the element."
},
"-webkit-animation-duration": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-duration."
},
"-webkit-perspective-origin": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of perspective-origin."
},
"background-position-inline": {
"values": [
"center",
"start",
"end",
"inherit",
"initial",
"unset"
],
"description": "This property specifies the background position's inline-axis component."
},
"spatial-navigation-contain": {
"values": [
"auto",
"contain",
"inherit",
"initial",
"unset"
],
"description": "Creates an additional spatial navigation container."
},
"overflow-clip-margin-right": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"overflow-clip-margin-block": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"scroll-margin-inline-start": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "The scroll-margin-inline-start property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets."
},
"-webkit-animation-direction": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-direction."
},
"-webkit-animation-fill-mode": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-fill-mode."
},
"-webkit-backface-visibility": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of backface-visibility."
},
"-webkit-transition-duration": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transition-duration."
},
"-webkit-transition-property": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transition-property."
},
"spatial-navigation-function": {
"values": [
"normal",
"grid",
"inherit",
"initial",
"unset"
],
"description": "The default algorithm of spatial navigation specified in the § 8 Processing Model may need the fine tune depending on the layout types."
},
"overflow-clip-margin-bottom": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"overflow-clip-margin-inline": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"text-decoration-skip-spaces": {
"values": [
"none",
"all",
"start",
"end",
"inherit",
"initial",
"unset"
],
"description": "This property specifies whether text decoration skips any spaces."
},
"-webkit-animation-play-state": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-play-state."
},
"-webkit-mask-box-image-slice": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-border-slice."
},
"-webkit-mask-box-image-width": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-border-width."
},
"contain-intrinsic-block-size": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The contain-intrinsic-block-size CSS logical property defines the block size of an element that a browser can use for layout when the element is subject to size containment."
},
"-webkit-mask-box-image-outset": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-border-outset."
},
"-webkit-mask-box-image-repeat": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-border-repeat."
},
"-webkit-mask-box-image-source": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of mask-border-source."
},
"contain-intrinsic-inline-size": {
"values": [
"none",
"auto",
"inherit",
"initial",
"unset"
],
"description": "The contain-intrinsic-inline-size CSS logical property defines the inline-size of an element that a browser can use for layout when the element is subject to size containment."
},
"-webkit-border-top-left-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of border-top-left-radius."
},
"overflow-clip-margin-block-end": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"-webkit-border-top-right-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of border-top-right-radius."
},
"overflow-clip-margin-inline-end": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"overflow-clip-margin-block-start": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"-webkit-animation-timing-function": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-timing-function."
},
"-webkit-animation-iteration-count": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of animation-iteration-count."
},
"-webkit-border-bottom-left-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of border-bottom-left-radius."
},
"overflow-clip-margin-inline-start": {
"values": [
"content-box",
"padding-box",
"border-box",
"inherit",
"initial",
"unset"
],
"description": "Defines the overflow clip edge of a box."
},
"-webkit-border-bottom-right-radius": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of border-bottom-right-radius."
},
"-webkit-transition-timing-function": {
"values": [
"inherit",
"initial",
"unset"
],
"description": "Legacy Alias of transition-timing-function."
}
},
"pseudoSelectors": {
"::after": {
"description": "Matches a virtual last child of the selected element."
},
"::before": {
"description": "Creates a pseudo-element that is the first child of the element matched."
},
"::first-letter": {
"description": "Matches the first letter of the first line of a block, if it is not preceded by any other content."
},
"::first-line": {
"description": "Applies styles only to the first line of an element."
},
"::selection": {
"description": "Applies rules to the portion of a document that has been highlighted."
},
":active": {
"description": "Matches when an element is being activated by the user."
},
":checked": {
"description": "Matches any radio input, checkbox input or option element that is checked or toggled to an on state."
},
":default": {
"description": "Matches any user interface element that is the default among a group of similar elements"
},
":dir": {
"argument": "direction",
"description": "Matches elements based on the directionality of the text contained in it."
},
":disabled": {
"description": "Matches any disabled element."
},
":empty": {
"description": "Matches any element that has no children at all."
},
":enabled": {
"description": "Matches any enabled element."
},
":first": {
"description": "Describes the styling of the first page when printing a document."
},
":first-child": {
"description": "Matches any element that is the first child element of its parent."
},
":first-of-type": {
"description": "Matches the first sibling of its type in the list of children of its parent element."
},
":focus": {
"description": "Matches an element that has focus."
},
":fullscreen": {
"description": "Applies to any element that's currently being displayed in full-screen mode."
},
":hover": {
"description": "Matches when the user designates an element with a pointing device, but does not necessarily activate it."
},
":indeterminate": {
"description": "Matches any checkbox input whose indeterminate DOM property is set to true by JavaScript."
},
":invalid": {
"description": "Matches any <input> or <form> element whose content fails to validate according to the input's type setting."
},
":lang": {
"argument": "language",
"description": "Matches elements based on the language the element is determined to be in."
},
":last-child": {
"description": "Matches any element that is the last child element of its parent."
},
":last-of-type": {
"description": "Matches the last sibling with the given element name in the list of children of its parent element."
},
":left": {
"description": "Matches any left page when printing a page."
},
":link": {
"description": "Matches links inside elements."
},
":not": {
"argument": "selector",
"description": "Matches an element that is not represented by the argument."
},
":nth-child": {
"argument": "an+b",
"description": "Matches an element that has an+b-1 siblings before it in the document tree."
},
":nth-last-child": {
"argument": "an+b",
"description": "Matches an element that has an+b-1 siblings after it in the document tree."
},
":nth-last-of-type": {
"argument": "an+b",
"description": "Matches an element that has an+b-1 siblings with the same element name after it in the document tree."
},
":nth-of-type": {
"argument": "an+b",
"description": "Matches an element that has an+b-1 siblings with the same element name before it in the document tree"
},
":only-child": {
"description": "Matches any element which is the only child of its parent."
},
":only-of-type": {
"description": "Matches any element that has no siblings of the given type."
},
":optional": {
"description": "Matches any <input> element that does not have the required attribute set on it."
},
":out-of-range": {
"description": "Matches when an element has its value attribute outside the specified range limitations for this element."
},
":read-only": {
"description": "Matches when an element is not writable by the user."
},
":read-write": {
"description": "Matches when an element is editable by user like text input element."
},
":required": {
"description": "Matches any <input> element that has the required attribute set on it."
},
":right": {
"description": "Matches any right page when printing a page. It allows to describe the styling of right-side page."
},
":root": {
"description": "Matches the root element of a tree representing the document."
},
":scope": {
"description": "Matches the elements that are a reference point for selectors to match against."
},
":target": {
"description": "Matches the unique element, if any, with an id matching the fragment identifier of the URI of the document."
},
":valid": {
"description": "Matches any <input> or <form> element whose content validates correctly according to the input's type setting"
},
":visited": {
"description": "Matches links that have been visited."
}
}
}
Reference in New Issue View Git Blame Copy Permalink