he flex item is placed flush with the cross-end edge of the line." }, { "name": "start", "desc": "The cross-start margin edge of the flexbox item is placed flush with the cross-start edge of the line." }, { "name": "stretch", "desc": "If the cross size property of the flexbox item is anything other than 'auto', this value is identical to 'start'." } ] }, { "name": "-ms-flex-direction", "desc": "Specifies how flex items are placed in the flex container, by setting the direction of the flex container’s main axis.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "column", "desc": "The flex container’s main axis has the same orientation as the block axis of the current writing mode." }, { "name": "column-reverse" }, { "name": "row" }, { "name": "row-reverse" } ] }, { "name": "-ms-flex-flow", "desc": "Specifies how flexbox items are placed in the flexbox.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "column", "desc": "The flex container’s main axis has the same orientation as the block axis of the current writing mode." }, { "name": "column-reverse" }, { "name": "nowrap", "desc": "The flex container is single-line." }, { "name": "row" }, { "name": "wrap", "desc": "The flexbox is multi-line." }, { "name": "wrap-reverse" } ] }, { "name": "-ms-flex-item-align", "desc": "Allows the default alignment along the cross axis to be overridden for individual flex items.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "auto", "desc": "Computes to the value of 'align-items' on the element’s parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself." }, { "name": "baseline", "desc": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment." }, { "name": "center", "desc": "The flex item’s margin box is centered in the cross axis within the line." }, { "name": "end", "desc": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line." }, { "name": "start", "desc": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line." }, { "name": "stretch", "desc": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched." } ] }, { "name": "-ms-flex-line-pack", "desc": "Aligns a flex container’s lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "center", "desc": "Lines are packed toward the center of the flex container." }, { "name": "distribute", "desc": "Lines are evenly distributed in the flex container, with half-size spaces on either end." }, { "name": "end", "desc": "Lines are packed toward the end of the flex container." }, { "name": "justify", "desc": "Lines are evenly distributed in the flex container." }, { "name": "start", "desc": "Lines are packed toward the start of the flex container." }, { "name": "stretch", "desc": "Lines stretch to take up the remaining space." } ] }, { "name": "-ms-flex-order", "desc": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.", "browsers": "IE10", "restriction": "integer" }, { "name": "-ms-flex-pack", "desc": "Aligns flex items along the main axis of the current line of the flex container.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "center", "desc": "Flex items are packed toward the center of the line." }, { "name": "distribute", "desc": "Flex items are evenly distributed in the line, with half-size spaces on either end." }, { "name": "end", "desc": "Flex items are packed toward the end of the line." }, { "name": "justify", "desc": "Flex items are evenly distributed in the line." }, { "name": "start", "desc": "Flex items are packed toward the start of the line." } ] }, { "name": "-ms-flex-wrap", "desc": "Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "nowrap", "desc": "The flex container is single-line." }, { "name": "wrap", "desc": "The flexbox is multi-line." }, { "name": "wrap-reverse" } ] }, { "name": "-ms-flow-from", "desc": "Makes a block container a region and associates it with a named flow.", "browsers": "E,IE10", "restriction": "identifier", "values": [ { "name": "none", "desc": "The block container is not a CSS Region." } ] }, { "name": "-ms-flow-into", "desc": "Places an element or its contents into a named flow.", "browsers": "E,IE10", "restriction": "identifier", "values": [ { "name": "none", "desc": "The element is not moved to a named flow and normal CSS processing takes place." } ] }, { "name": "-ms-grid-column", "desc": "Used to place grid items and explicitly defined grid cells in the Grid.", "browsers": "E,IE10", "restriction": "integer, string, enum", "values": [ { "name": "auto" }, { "name": "end" }, { "name": "start" } ] }, { "name": "-ms-grid-column-align", "desc": "Aligns the columns in a grid.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "center", "desc": "Places the center of the Grid Item's margin box at the center of the Grid Item's column." }, { "name": "end", "desc": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's column." }, { "name": "start", "desc": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's column." }, { "name": "stretch", "desc": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's column." } ] }, { "name": "-ms-grid-columns", "desc": "Lays out the columns of the grid.", "browsers": "E,IE10" }, { "name": "-ms-grid-column-span", "desc": "Specifies the number of columns to span.", "browsers": "E,IE10", "restriction": "integer" }, { "name": "-ms-grid-layer", "desc": "Grid-layer is similar in concept to z-index, but avoids overloading the meaning of the z-index property, which is applicable only to positioned elements.", "browsers": "E,IE10", "restriction": "integer" }, { "name": "-ms-grid-row", "desc": "grid-row is used to place grid items and explicitly defined grid cells in the Grid.", "browsers": "E,IE10", "restriction": "integer, string, enum", "values": [ { "name": "auto" }, { "name": "end" }, { "name": "start" } ] }, { "name": "-ms-grid-row-align", "desc": "Aligns the rows in a grid.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "center", "desc": "Places the center of the Grid Item's margin box at the center of the Grid Item's row." }, { "name": "end", "desc": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's row." }, { "name": "start", "desc": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's row." }, { "name": "stretch", "desc": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's row." } ] }, { "name": "-ms-grid-rows", "desc": "Lays out the columns of the grid.", "browsers": "E,IE10" }, { "name": "-ms-grid-row-span", "desc": "Specifies the number of rows to span.", "browsers": "E,IE10", "restriction": "integer" }, { "name": "-ms-high-contrast-adjust", "desc": "Specifies if properties should be adjusted in high contrast mode.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "auto", "desc": "Properties will be adjusted as applicable." }, { "name": "none", "desc": "No adjustments will be applied." } ] }, { "name": "-ms-hyphenate-limit-chars", "desc": "Specifies the minimum number of characters in a hyphenated word.", "browsers": "E,IE10", "restriction": "integer", "values": [ { "name": "auto", "desc": "The user agent chooses a value that adapts to the current layout." } ] }, { "name": "-ms-hyphenate-limit-lines", "desc": "Indicates the maximum number of successive hyphenated lines in an element.", "browsers": "E,IE10", "restriction": "integer", "values": [ { "name": "no-limit" } ] }, { "name": "-ms-hyphenate-limit-zone", "desc": "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.", "browsers": "E,IE10", "restriction": "percentage, length" }, { "name": "-ms-hyphens", "desc": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "auto", "desc": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word." }, { "name": "manual" }, { "name": "none", "desc": "Words are not broken at line breaks, even if characters inside the word suggest line break points." } ] }, { "name": "-ms-ime-mode", "desc": "Controls the state of the input method editor for text fields.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "active" }, { "name": "auto", "desc": "No change is made to the current input method editor state. This is the default." }, { "name": "disabled" }, { "name": "inactive" }, { "name": "normal", "desc": "The IME state should be normal; this value can be used in a user style sheet to override the page setting." } ] }, { "name": "-ms-interpolation-mode", "desc": "Gets or sets the interpolation (resampling) method used to stretch images.", "browsers": "IE7", "restriction": "enum", "values": [ { "name": "bicubic" }, { "name": "nearest-neighbor" } ] }, { "name": "-ms-layout-grid", "desc": "Sets or retrieves the composite document grid properties that specify the layout of text characters.", "browsers": "E,IE10", "values": [ { "name": "char", "desc": "Any of the range of character values available to the -ms-layout-grid-char property." }, { "name": "line", "desc": "Any of the range of line values available to the -ms-layout-grid-line property." }, { "name": "mode" }, { "name": "type" } ] }, { "name": "-ms-layout-grid-char", "desc": "Sets or retrieves the size of the character grid used for rendering the text content of an element.", "browsers": "E,IE10", "restriction": "enum, length, percentage", "values": [ { "name": "auto", "desc": "Largest character in the font of the element is used to set the character grid." }, { "name": "none", "desc": "Default. No character grid is set." } ] }, { "name": "-ms-layout-grid-line", "desc": "Sets or retrieves the gridline value used for rendering the text content of an element.", "browsers": "E,IE10", "restriction": "length", "values": [ { "name": "auto", "desc": "Largest character in the font of the element is used to set the character grid." }, { "name": "none", "desc": "Default. No grid line is set." } ] }, { "name": "-ms-layout-grid-mode", "desc": "Gets or sets whether the text layout grid uses two dimensions.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "both", "desc": "Default. Both the char and line grid modes are enabled. This setting is necessary to fully enable the layout grid on an element." }, { "name": "char", "desc": "Only a character grid is used. This is recommended for use with block-level elements, such as a blockquote, where the line grid is intended to be disabled." }, { "name": "line", "desc": "Only a line grid is used. This is recommended for use with inline elements, such as a span, to disable the horizontal grid on runs of text that act as a single entity in the grid layout." }, { "name": "none", "desc": "No grid is used." } ] }, { "name": "-ms-layout-grid-type", "desc": "Sets or retrieves the type of grid used for rendering the text content of an element.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "fixed", "desc": "Grid used for monospaced layout. All noncursive characters are treated as equal; every character is centered within a single grid space by default." }, { "name": "loose" }, { "name": "strict", "desc": "Grid used for Chinese, as well as Japanese (Genko) and Korean characters. Only the ideographs, kanas, and wide characters are snapped to the grid." } ] }, { "name": "-ms-line-break", "desc": "Specifies what set of line breaking restrictions are in effect within the element.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "auto", "desc": "The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines." }, { "name": "keep-all", "desc": "Sequences of CJK characters can no longer break on implied break points. This option should only be used where the presence of word separator characters still creates line-breaking opportunities, as in Korean." }, { "name": "newspaper", "desc": "Breaks CJK scripts using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers." }, { "name": "normal", "desc": "Breaks CJK scripts using a normal set of line-breaking rules." }, { "name": "strict", "desc": "Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'." } ] }, { "name": "-ms-overflow-style", "desc": "Specify whether content is clipped when it overflows the element's content area.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "auto", "desc": "No preference, UA should use the first scrolling method in the list that it supports." }, { "name": "-ms-autohiding-scrollbar" }, { "name": "none", "desc": "Indicates the element does not display scrollbars or panning indicators, even when its content overflows." }, { "name": "scrollbar" } ] }, { "name": "-ms-perspective", "desc": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.", "browsers": "IE10", "restriction": "length", "values": [ { "name": "none", "desc": "No perspective transform is applied." } ] }, { "name": "-ms-perspective-origin", "desc": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.", "browsers": "IE10", "restriction": "position, percentage, length" }, { "name": "-ms-perspective-origin-x", "desc": "Establishes the origin for the perspective property. It effectively sets the X position at which the viewer appears to be looking at the children of the element.", "browsers": "IE10", "restriction": "position, percentage, length" }, { "name": "-ms-perspective-origin-y", "desc": "Establishes the origin for the perspective property. It effectively sets the Y position at which the viewer appears to be looking at the children of the element.", "browsers": "IE10", "restriction": "position, percentage, length" }, { "name": "-ms-progress-appearance", "desc": "Gets or sets a value that specifies whether a progress control displays as a bar or a ring.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "bar" }, { "name": "ring" } ] }, { "name": "-ms-scrollbar-3dlight-color", "desc": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scrollbar-arrow-color", "desc": "Determines the color of the arrow elements of a scroll arrow.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scrollbar-base-color", "desc": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scrollbar-darkshadow-color", "desc": "Determines the color of the gutter of a scroll bar.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scrollbar-face-color", "desc": "Determines the color of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scrollbar-highlight-color", "desc": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scrollbar-shadow-color", "desc": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scrollbar-track-color", "desc": "Determines the color of the track element of a scroll bar.", "browsers": "IE8", "restriction": "color" }, { "name": "-ms-scroll-chaining", "desc": "Gets or sets a value that indicates the scrolling behavior that occurs when a user hits the content boundary during a manipulation.", "browsers": "E,IE10", "restriction": "enum, length", "values": [ { "name": "chained" }, { "name": "none" } ] }, { "name": "-ms-scroll-limit", "desc": "Gets or sets a shorthand value that sets values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max, and -ms-scroll-limit-y-max properties.", "browsers": "E,IE10", "restriction": "length", "values": [ { "name": "auto" } ] }, { "name": "-ms-scroll-limit-x-max", "desc": "Gets or sets a value that specifies the maximum value for the scrollLeft property.", "browsers": "E,IE10", "restriction": "length", "values": [ { "name": "auto" } ] }, { "name": "-ms-scroll-limit-x-min", "desc": "Gets or sets a value that specifies the minimum value for the scrollLeft property.", "browsers": "E,IE10", "restriction": "length" }, { "name": "-ms-scroll-limit-y-max", "desc": "Gets or sets a value that specifies the maximum value for the scrollTop property.", "browsers": "E,IE10", "restriction": "length", "values": [ { "name": "auto" } ] }, { "name": "-ms-scroll-limit-y-min", "desc": "Gets or sets a value that specifies the minimum value for the scrollTop property.", "browsers": "E,IE10", "restriction": "length" }, { "name": "-ms-scroll-rails", "desc": "Gets or sets a value that indicates whether or not small motions perpendicular to the primary axis of motion will result in either changes to both the scrollTop and scrollLeft properties or a change to the primary axis (for instance, either the scrollTop or scrollLeft properties will change, but not both).", "browsers": "E,IE10", "restriction": "enum, length", "values": [ { "name": "none" }, { "name": "railed" } ] }, { "name": "-ms-scroll-snap-points-x", "desc": "Gets or sets a value that defines where snap-points will be located along the x-axis.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "snapInterval(100%, 100%)" }, { "name": "snapList()" } ] }, { "name": "-ms-scroll-snap-points-y", "desc": "Gets or sets a value that defines where snap-points will be located along the y-axis.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "snapInterval(100%, 100%)" }, { "name": "snapList()" } ] }, { "name": "-ms-scroll-snap-type", "desc": "Gets or sets a value that defines what type of snap-point should be used for the current element. There are two type of snap-points, with the primary difference being whether or not the user is guaranteed to always stop on a snap-point.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "none", "desc": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled." }, { "name": "mandatory", "desc": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations." }, { "name": "proximity", "desc": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll." } ] }, { "name": "-ms-scroll-snap-x", "desc": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "mandatory" }, { "name": "none" }, { "name": "proximity" }, { "name": "snapInterval(100%, 100%)" }, { "name": "snapList()" } ] }, { "name": "-ms-scroll-snap-y", "desc": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "mandatory" }, { "name": "none" }, { "name": "proximity" }, { "name": "snapInterval(100%, 100%)" }, { "name": "snapList()" } ] }, { "name": "-ms-scroll-translation", "desc": "Gets or sets a value that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "none" }, { "name": "vertical-to-horizontal" } ] }, { "name": "-ms-text-align-last", "desc": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.", "browsers": "E,IE8", "restriction": "enum", "values": [ { "name": "auto" }, { "name": "center", "desc": "The inline contents are centered within the line box." }, { "name": "justify", "desc": "The text is justified according to the method specified by the 'text-justify' property." }, { "name": "left", "desc": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text." }, { "name": "right", "desc": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text." } ] }, { "name": "-ms-text-autospace", "desc": "Determines whether or not a full-width punctuation mark character should be trimmed if it appears at the beginning of a line, so that its 'ink' lines up with the first glyph in the line above and below.", "browsers": "E,IE8", "restriction": "enum", "values": [ { "name": "ideograph-alpha" }, { "name": "ideograph-numeric" }, { "name": "ideograph-parenthesis" }, { "name": "ideograph-space" }, { "name": "none", "desc": "No extra space is created." }, { "name": "punctuation" } ] }, { "name": "-ms-text-combine-horizontal", "desc": "This property specifies the combination of multiple characters into the space of a single character.", "browsers": "E,IE11", "restriction": "enum, integer", "values": [ { "name": "all", "desc": "Attempt to typeset horizontally all consecutive characters within the box such that they take up the space of a single character within the vertical line box." }, { "name": "digits" }, { "name": "none", "desc": "No special processing." } ] }, { "name": "-ms-text-justify", "desc": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.", "browsers": "E,IE8", "restriction": "enum", "values": [ { "name": "auto", "desc": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality." }, { "name": "distribute", "desc": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property." }, { "name": "inter-cluster" }, { "name": "inter-ideograph" }, { "name": "inter-word" }, { "name": "kashida" } ] }, { "name": "-ms-text-kashida-space", "desc": "Sets or retrieves the ratio of kashida expansion to white space expansion when justifying lines of text in the object.", "browsers": "E,IE10", "restriction": "percentage" }, { "name": "-ms-text-overflow", "desc": "Text can overflow for example when it is prevented from wrapping", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "clip" }, { "name": "ellipsis" } ] }, { "name": "-ms-text-size-adjust", "desc": "Specifies a size adjustment for displaying text content in mobile browsers.", "browsers": "E,IE10", "restriction": "enum, percentage", "values": [ { "name": "auto", "desc": "Renderers must use the default size adjustment when displaying on a small device." }, { "name": "none", "desc": "Renderers must not do size adjustment when displaying on a small device." } ] }, { "name": "-ms-text-underline-position", "desc": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements.This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "alphabetic", "desc": "The underline is aligned with the alphabetic baseline. In this case the underline is likely to cross some descenders." }, { "name": "auto", "desc": "The user agent may use any algorithm to determine the underline's position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over." }, { "name": "over" }, { "name": "under" } ] }, { "name": "-ms-touch-action", "desc": "Gets or sets a value that indicates whether and how a given region can be manipulated by the user.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "auto", "desc": "The element is a passive element, with several exceptions." }, { "name": "double-tap-zoom", "desc": "The element will zoom on double-tap." }, { "name": "manipulation", "desc": "The element is a manipulation-causing element." }, { "name": "none", "desc": "The element is a manipulation-blocking element." }, { "name": "pan-x", "desc": "The element permits touch-driven panning on the horizontal axis. The touch pan is performed on the nearest ancestor with horizontally scrollable content." }, { "name": "pan-y", "desc": "The element permits touch-driven panning on the vertical axis. The touch pan is performed on the nearest ancestor with vertically scrollable content." }, { "name": "pinch-zoom", "desc": "The element permits pinch-zooming. The pinch-zoom is performed on the nearest ancestor with zoomable content." } ] }, { "name": "-ms-touch-select", "desc": "Gets or sets a value that toggles the 'gripper' visual elements that enable touch text selection.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "grippers" }, { "name": "none", "desc": "Grippers are always off." } ] }, { "name": "-ms-transform", "desc": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.", "browsers": "IE9-9", "restriction": "enum", "values": [ { "name": "matrix()" }, { "name": "matrix3d()" }, { "name": "none" }, { "name": "rotate()" }, { "name": "rotate3d()" }, { "name": "rotateX('angle')" }, { "name": "rotateY('angle')" }, { "name": "rotateZ('angle')" }, { "name": "scale()" }, { "name": "scale3d()" }, { "name": "scaleX()" }, { "name": "scaleY()" }, { "name": "scaleZ()" }, { "name": "skew()" }, { "name": "skewX()" }, { "name": "skewY()" }, { "name": "translate()" }, { "name": "translate3d()" }, { "name": "translateX()" }, { "name": "translateY()" }, { "name": "translateZ()" } ] }, { "name": "-ms-transform-origin", "desc": "Establishes the origin of transformation for an element.", "browsers": "IE9-9", "restriction": "position, length, percentage" }, { "name": "-ms-transform-origin-x", "desc": "The x coordinate of the origin for transforms applied to an element with respect to its border box.", "browsers": "IE10", "restriction": "length, percentage" }, { "name": "-ms-transform-origin-y", "desc": "The y coordinate of the origin for transforms applied to an element with respect to its border box.", "browsers": "IE10", "restriction": "length, percentage" }, { "name": "-ms-transform-origin-z", "desc": "The z coordinate of the origin for transforms applied to an element with respect to its border box.", "browsers": "IE10", "restriction": "length, percentage" }, { "name": "-ms-user-select", "desc": "Controls the appearance of selection.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "element" }, { "name": "none" }, { "name": "text" } ] }, { "name": "-ms-word-break", "desc": "Specifies line break opportunities for non-CJK scripts.", "browsers": "IE8", "restriction": "enum", "values": [ { "name": "break-all" }, { "name": "keep-all", "desc": "Block characters can no longer create implied break points." }, { "name": "normal", "desc": "Breaks non-CJK scripts according to their own rules." } ] }, { "name": "-ms-word-wrap", "desc": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.", "browsers": "IE8", "restriction": "enum", "values": [ { "name": "break-word", "desc": "An unbreakable 'word' may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line." }, { "name": "normal", "desc": "Lines may break only at allowed break points." } ] }, { "name": "-ms-wrap-flow", "desc": "An element becomes an exclusion when its 'wrap-flow' property has a computed value other than 'auto'.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "auto", "desc": "For floats an exclusion is created, for all other elements an exclusion is not created." }, { "name": "both", "desc": "Inline flow content can flow on all sides of the exclusion." }, { "name": "clear" }, { "name": "end", "desc": "Inline flow content can wrap on the end side of the exclusion area but must leave the area to the start edge of the exclusion area empty." }, { "name": "maximum" }, { "name": "minimum" }, { "name": "start", "desc": "Inline flow content can wrap on the start edge of the exclusion area but must leave the area to end edge of the exclusion area empty." } ] }, { "name": "-ms-wrap-margin", "desc": "Gets or sets a value that is used to offset the inner wrap shape from other shapes.", "browsers": "E,IE10", "restriction": "length, percentage" }, { "name": "-ms-wrap-through", "desc": "Specifies if an element inherits its parent wrapping context. In other words if it is subject to the exclusions defined outside the element.", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "none", "desc": "The exclusion element does not inherit its parent node's wrapping context. Its descendants are only subject to exclusion shapes defined inside the element." }, { "name": "wrap", "desc": "The exclusion element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element." } ] }, { "name": "-ms-writing-mode", "desc": "Shorthand property for both 'direction' and 'block-progression'.", "browsers": "IE8", "restriction": "enum", "values": [ { "name": "bt-lr" }, { "name": "bt-rl" }, { "name": "lr-bt" }, { "name": "lr-tb" }, { "name": "rl-bt" }, { "name": "rl-tb" }, { "name": "tb-lr" }, { "name": "tb-rl" } ] }, { "name": "-ms-zoom", "desc": "Sets or retrieves the magnification scale of the object.", "browsers": "IE8", "restriction": "enum, integer, number, percentage", "values": [ { "name": "normal" } ] }, { "name": "-ms-zoom-animation", "desc": "Gets or sets a value that indicates whether an animation is used when zooming.", "browsers": "IE10", "restriction": "enum", "values": [ { "name": "default" }, { "name": "none" } ] }, { "name": "nav-down", "desc": "Provides an way to control directional focus navigation.", "browsers": "O9.5", "restriction": "enum, identifier, string", "values": [ { "name": "auto", "desc": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input." }, { "name": "current" }, { "name": "root" } ] }, { "name": "nav-index", "desc": "Provides an input-method-neutral way of specifying the sequential navigation order (also known as 'tabbing order').", "browsers": "O9.5", "restriction": "number", "values": [ { "name": "auto", "desc": "The element's sequential navigation order is assigned automatically by the user agent." } ] }, { "name": "nav-left", "desc": "Provides an way to control directional focus navigation.", "browsers": "O9.5", "restriction": "enum, identifier, string", "values": [ { "name": "auto", "desc": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input." }, { "name": "current" }, { "name": "root" } ] }, { "name": "nav-right", "desc": "Provides an way to control directional focus navigation.", "browsers": "O9.5", "restriction": "enum, identifier, string", "values": [ { "name": "auto", "desc": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input." }, { "name": "current" }, { "name": "root" } ] }, { "name": "nav-up", "desc": "Provides an way to control directional focus navigation.", "browsers": "O9.5", "restriction": "enum, identifier, string", "values": [ { "name": "auto", "desc": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input." }, { "name": "current" }, { "name": "root" } ] }, { "name": "negative", "desc": "@counter-style descriptor. Defines how to alter the representation when the counter value is negative.", "browsers": "FF33", "restriction": "image, identifier, string" }, { "name": "-o-animation", "desc": "Shorthand property combines six of the animation properties into a single property.", "browsers": "O12", "restriction": "time, enum, timing-function, identifier, number", "values": [ { "name": "alternate" }, { "name": "alternate-reverse" }, { "name": "backwards" }, { "name": "both", "desc": "Both forwards and backwards fill modes are applied." }, { "name": "forwards" }, { "name": "infinite", "desc": "Causes the animation to repeat forever." }, { "name": "none", "desc": "No animation is performed" }, { "name": "normal", "desc": "Normal playback." }, { "name": "reverse", "desc": "All iterations of the animation are played in the reverse direction from the way they were specified." } ] }, { "name": "-o-animation-delay", "desc": "Defines when the animation will start.", "browsers": "O12", "restriction": "time" }, { "name": "-o-animation-direction", "desc": "Defines whether or not the animation should play in reverse on alternate cycles.", "browsers": "O12", "restriction": "enum", "values": [ { "name": "alternate" }, { "name": "alternate-reverse" }, { "name": "normal", "desc": "Normal playback." }, { "name": "reverse", "desc": "All iterations of the animation are played in the reverse direction from the way they were specified." } ] }, { "name": "-o-animation-duration", "desc": "Defines the length of time that an animation takes to complete one cycle.", "browsers": "O12", "restriction": "time" }, { "name": "-o-animation-fill-mode", "desc": "Defines what values are applied by the animation outside the time it is executing.", "browsers": "O12", "restriction": "enum", "values": [ { "name": "backwards" }, { "name": "both", "desc": "Both forwards and backwards fill modes are applied."  } ] }, { "name": "-o-animation-iteration-count", "desc": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.", "browsers": "O12", "restriction": "number, enum", "values": [ { "name": "infinite", "desc": "Causes the animation to repeat forever." } ] }, { "name": "-o-animation-name", "desc": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.", "browsers": "O12", "restriction": "identifier, enum", "values": [ { "name": "none", "desc": "No animation is performed" } ] }, { "name": "-o-animation-play-state", "desc": "Defines whether the animation is running or paused.", "browsers": "O12", "restriction": "enum", "values": [ { "name": "paused" }, { "name": "running" } ] }, { "name": "-o-animation-timing-function", "desc": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.", "browsers": "O12", "restriction": "timing-function" }, { "name": "object-fit", "desc": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.", "browsers": "C32,FF36,O19,S7.1", "restriction": "enum", "values": [ { "name": "contain", "desc": "The replaced content is sized to maintain its aspect ratio while fitting within the element’s content box: its concrete object size is resolved as a contain constraint against the element's used width and height." }, { "name": "cover", "desc": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element’s used width and height." }, { "name": "fill", "desc": "The replaced content is sized to fill the element’s content box: the object's concrete object size is the element's used width and height." }, { "name": "none", "desc": "The replaced content is not resized to fit inside the element's content box" }, { "name": "scale-down" } ] }, { "name": "object-position", "desc": "Determines the alignment of the replaced element inside its box.", "browsers": "C32,FF36,O19", "restriction": "position, length, percentage" }, { "name": "-o-border-image", "desc": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.", "browsers": "O11.6", "restriction": "length, percentage, number, image, enum", "values": [ { "name": "auto", "desc": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead." }, { "name": "fill", "desc": "Causes the middle part of the border-image to be preserved." }, { "name": "none" }, { "name": "repeat" }, { "name": "round", "desc": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does." }, { "name": "space", "desc": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles." }, { "name": "stretch", "desc": "The image is stretched to fill the area." } ] }, { "name": "-o-object-fit", "desc": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.", "browsers": "O10.6", "restriction": "enum", "values": [ { "name": "contain", "desc": "The replaced content is sized to maintain its aspect ratio while fitting within the element’s content box: its concrete object size is resolved as a contain constraint against the element's used width and height." }, { "name": "cover", "desc": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element’s used width and height." }, { "name": "fill", "desc": "The replaced content is sized to fill the element’s content box: the object's concrete object size is the element's used width and height." }, { "name": "none", "desc": "The replaced content is not resized to fit inside the element's content box" }, { "name": "scale-down" } ] }, { "name": "-o-object-position", "desc": "Determines the alignment of the replaced element inside its box.", "browsers": "O10.6", "restriction": "position, length, percentage" }, { "name": "opacity", "desc": "Opacity of an element's text, where 1 is opaque and 0 is entirely transparent.", "browsers": "C,FF3.6,IE9,O9,S1.2", "restriction": "number(0-1)" }, { "name": "order", "desc": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.", "browsers": "E,C29,FF22,IE11,O12.1,S9", "restriction": "integer" }, { "name": "orphans", "desc": "Specifies the minimum number of line boxes in a block container that must be left in a fragment before a fragmentation break.", "browsers": "C,IE8,O7,S1.3", "restriction": "integer" }, { "name": "-o-table-baseline", "desc": "Determines which row of a inline-table should be used as baseline of inline-table.", "browsers": "O9.6", "restriction": "integer" }, { "name": "-o-tab-size", "desc": "This property determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.", "browsers": "O10.6", "restriction": "integer, length" }, { "name": "-o-text-overflow", "desc": "Text can overflow for example when it is prevented from wrapping", "browsers": "O10", "restriction": "enum", "values": [ { "name": "clip" }, { "name": "ellipsis" } ] }, { "name": "-o-transform", "desc": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.", "browsers": "O10.5", "restriction": "enum", "values": [ { "name": "matrix()" }, { "name": "matrix3d()" }, { "name": "none" }, { "name": "rotate()" }, { "name": "rotate3d()" }, { "name": "rotateX('angle')" }, { "name": "rotateY('angle')" }, { "name": "rotateZ('angle')" }, { "name": "scale()" }, { "name": "scale3d()" }, { "name": "scaleX()" }, { "name": "scaleY()" }, { "name": "scaleZ()" }, { "name": "skew()" }, { "name": "skewX()" }, { "name": "skewY()" }, { "name": "translate()" }, { "name": "translate3d()" }, { "name": "translateX()" }, { "name": "translateY()" }, { "name": "translateZ()" } ] }, { "name": "-o-transform-origin", "desc": "Establishes the origin of transformation for an element.", "browsers": "O10.5", "restriction": "positon, length, percentage" }, { "name": "-o-transition", "desc": "Shorthand property combines four of the transition properties into a single property.", "browsers": "O11.5", "restriction": "time, property, timing-function, enum", "values": [ { "name": "all", "desc": "Every property that is able to undergo a transition will do so." }, { "name": "none", "desc": "No property will transition." } ] }, { "name": "-o-transition-delay", "desc": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.", "browsers": "O11.5", "restriction": "time" }, { "name": "-o-transition-duration", "desc": "Specifies how long the transition from the old value to the new value should take.", "browsers": "O11.5", "restriction": "time" }, { "name": "-o-transition-property", "desc": "Specifies the name of the CSS property to which the transition is applied.", "browsers": "O11.5", "restriction": "property", "values": [ { "name": "all", "desc": "Every property that is able to undergo a transition will do so." }, { "name": "none", "desc": "No property will transition." } ] }, { "name": "-o-transition-timing-function", "desc": "Describes how the intermediate values used during a transition will be calculated.", "browsers": "O11.5", "restriction": "timing-function" }, { "name": "offset-block-end", "desc": "Logical 'bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage", "values": [ { "name": "auto", "desc": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well." } ] }, { "name": "offset-block-start", "desc": "Logical 'top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage", "values": [ { "name": "auto", "desc": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well." } ] }, { "name": "offset-inline-end", "desc": "Logical 'right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage", "values": [ { "name": "auto", "desc": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well." } ] }, { "name": "offset-inline-start", "desc": "Logical 'left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage", "values": [ { "name": "auto", "desc": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well." } ] }, { "name": "outline", "desc": "Shorthand property for 'outline-style', 'outline-width', and 'outline-color'.", "browsers": "E,C,FF1.5,IE8,O8,S1.2", "restriction": "length, line-width, line-style, color, enum", "values": [ { "name": "auto", "desc": "Permits the user agent to render a custom outline style, typically the default platform style." }, { "name": "invert", "browsers": "E,IE8,O" } ] }, { "name": "outline-color", "desc": "The color of the outline.", "browsers": "E,C,FF1.5,IE8,O8,S1.2", "restriction": "enum, color", "values": [ { "name": "invert", "browsers": "E,IE8,O" } ] }, { "name": "outline-offset", "desc": "Offset the outline and draw it beyond the border edge.", "browsers": "C,FF1.5,O9.5,S1.2", "restriction": "length" }, { "name": "outline-style", "desc": "Style of the outline.", "browsers": "E,C,FF1.5,IE8,O8,S1.2", "restriction": "line-style, enum", "values": [ { "name": "auto", "desc": "Permits the user agent to render a custom outline style, typically the default platform style." } ] }, { "name": "outline-width", "desc": "Width of the outline.", "browsers": "E,C,FF1.5,IE8,O8,S1.2", "restriction": "length, line-width" }, { "name": "overflow", "desc": "Shorthand for setting 'overflow-x' and 'overflow-y'.", "restriction": "enum", "values": [ { "name": "auto", "desc": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes." }, { "name": "hidden", "desc": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region." }, { "name": "-moz-hidden-unscrollable", "browsers": "FF" }, { "name": "scroll", "desc": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped." }, { "name": "visible", "desc": "Content is not clipped, i.e., it may be rendered outside the content box." } ] }, { "name": "overflow-wrap", "desc": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit within the line box.", "browsers": "C23,O12.1,S6.1", "restriction": "enum", "values": [ { "name": "break-word", "desc": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line." }, { "name": "normal", "desc": "Lines may break only at allowed break points." } ] }, { "name": "overflow-x", "desc": "Specifies the handling of overflow in the horizontal direction.", "browsers": "E,C,FF1.5,IE5,O9.5,S3", "restriction": "enum", "values": [ { "name": "auto", "desc": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes." }, { "name": "hidden", "desc": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region." }, { "name": "scroll", "desc": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped." }, { "name": "visible", "desc": "Content is not clipped, i.e., it may be rendered outside the content box." } ] }, { "name": "overflow-y", "desc": "Specifies the handling of overflow in the vertical direction.", "browsers": "E,C,FF1.5,IE5,O9.5,S3", "restriction": "enum", "values": [ { "name": "auto", "desc": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes." }, { "name": "hidden", "desc": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region." }, { "name": "scroll", "desc": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped." }, { "name": "visible", "desc": "Content is not clipped, i.e., it may be rendered outside the content box." } ] }, { "name": "pad", "desc": "@counter-style descriptor. Specifies a “fixed-width” counter style, where representations shorter than the pad value are padded with a particular <symbol>", "browsers": "FF33", "restriction": "integer, image, string, identifier" }, { "name": "padding", "desc": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.", "restriction": "length, percentage", "values": [] }, { "name": "padding-bottom", "desc": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.", "restriction": "length, percentage" }, { "name": "padding-block-end", "desc": "Logical 'padding-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage" }, { "name": "padding-block-start", "desc": "Logical 'padding-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage" }, { "name": "padding-inline-end", "desc": "Logical 'padding-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage" }, { "name": "padding-inline-start", "desc": "Logical 'padding-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.", "browsers": "FF41", "restriction": "length, percentage" }, { "name": "padding-left", "desc": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.", "restriction": "length, percentage" }, { "name": "padding-right", "desc": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.", "restriction": "length, percentage" }, { "name": "padding-top", "desc": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.", "restriction": "length, percentage" }, { "name": "page-break-after", "desc": "Defines rules for page breaks after an element.", "restriction": "enum", "values": [ { "name": "always", "desc": "Always force a page break after the generated box." }, { "name": "auto", "desc": "Neither force nor forbid a page break after generated box." }, { "name": "avoid", "desc": "Avoid a page break after the generated box." }, { "name": "left", "desc": "Force one or two page breaks after the generated box so that the next page is formatted as a left page." }, { "name": "right", "desc": "Force one or two page breaks after the generated box so that the next page is formatted as a right page." } ] }, { "name": "page-break-before", "desc": "Defines rules for page breaks before an element.", "restriction": "enum", "values": [ { "name": "always", "desc": "Always force a page break before the generated box." }, { "name": "auto", "desc": "Neither force nor forbid a page break before the generated box." }, { "name": "avoid", "desc": "Avoid a page break before the generated box." }, { "name": "left", "desc": "Force one or two page breaks before the generated box so that the next page is formatted as a left page." }, { "name": "right", "desc": "Force one or two page breaks before the generated box so that the next page is formatted as a right page." } ] }, { "name": "page-break-inside", "desc": "Defines rules for page breaks inside an element.", "browsers": "C,IE8,O7,S1.3", "restriction": "enum", "values": [ { "name": "auto", "desc": "Neither force nor forbid a page break inside the generated box." }, { "name": "avoid", "desc": "Avoid a page break inside the generated box." } ] }, { "name": "paint-order", "desc": "Controls the order that the three paint operations that shapes and text are rendered with: their fill, their stroke and any markers they might have.", "browsers": "C35,FF31,O22,S7.1", "restriction": "enum", "values": [ { "name": "fill" }, { "name": "markers" }, { "name": "normal", "desc": "The element is painted with the standard order of painting operations: the 'fill' is painted first, then its 'stroke' and finally its markers." }, { "name": "stroke" } ] }, { "name": "perspective", "desc": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.", "browsers": "E,C36,FF16,IE10,O23,S9", "restriction": "length, enum", "values": [ { "name": "none", "desc": "No perspective transform is applied." } ] }, { "name": "perspective-origin", "desc": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.", "browsers": "E,C36,FF16,IE10,O23,S9", "restriction": "position, percentage, length" }, { "name": "pointer-events", "desc": "Specifies under what circumstances a given element can be the target element for a pointer event.", "restriction": "enum", "values": [ { "name": "all", "desc": "The given element can be the target element for pointer events whenever the pointer is over either the interior or the perimeter of the element." }, { "name": "fill", "desc": "The given element can be the target element for pointer events whenever the pointer is over the interior of the element." }, { "name": "none", "desc": "The given element does not receive pointer events." }, { "name": "painted" }, { "name": "stroke", "desc": "The given element can be the target element for pointer events whenever the pointer is over the perimeter of the element." }, { "name": "visible", "desc": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and the pointer is over either the interior or the perimete of the element." }, { "name": "visibleFill" }, { "name": "visiblePainted" }, { "name": "visibleStroke" } ] }, { "name": "position", "restriction": "enum", "values": [ { "name": "absolute" }, { "name": "fixed", "desc": "The box's position is calculated according to the 'absolute' model, but in addition, the box is fixed with respect to some reference. As with the 'absolute' model, the box's margins do not collapse with any other margins." }, { "name": "-ms-page", "browsers": "E,IE10" }, { "name": "relative" }, { "name": "static" }, { "name": "sticky", "browsers": "FF32" }, { "name": "-webkit-sticky", "browsers": "S6.1" } ] }, { "name": "prefix", "desc": "@counter-style descriptor. Specifies a <symbol> that is prepended to the marker representation.", "browsers": "FF33", "restriction": "image, string, identifier" }, { "name": "quotes", "desc": "Specifies quotation marks for any number of embedded quotations.", "browsers": "E,C,FF1.5,IE8,O8,S5.1", "restriction": "string", "values": [ { "name": "none", "desc": "The 'open-quote' and 'close-quote' values of the 'content' property produce no quotations marks, as if they were 'no-open-quote' and 'no-close-quote' respectively." } ] }, { "name": "range", "desc": "@counter-style descriptor. Defines the ranges over which the counter style is defined.", "browsers": "FF33", "restriction": "integer, enum", "values": [ { "name": "auto", "desc": "The range depends on the counter system." }, { "name": "infinite", "desc": "If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity." } ] }, { "name": "resize", "desc": "Specifies whether or not an element is resizable by the user, and if so, along which axis/axes.", "browsers": "C,FF4,O15,S3", "restriction": "enum", "values": [ { "name": "both", "desc": "The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element." }, { "name": "horizontal", "desc": "The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element." }, { "name": "none", "desc": "The UA does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element." }, { "name": "vertical", "desc": "The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element." } ] }, { "name": "right", "desc": "Specifies how far an absolutely positioned box's right margin edge is offset to the left of the right edge of the box's 'containing block'.", "restriction": "length, percentage", "values": [ { "name": "auto", "desc": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well" } ] }, { "name": "ruby-align", "desc": "Specifies how text is distributed within the various ruby boxes when their contents do not exactly fill their respective boxes.", "browsers": "FF10,IE5", "restriction": "enum", "values": [ { "name": "auto", "desc": "The user agent determines how the ruby contents are aligned. This is the initial value.", "browsers": "E,IE5" }, { "name": "center", "desc": "The ruby content is centered within its box." }, { "name": "distribute-letter", "browsers": "E,IE5" }, { "name": "distribute-space", "browsers": "E,IE5" }, { "name": "left", "desc": "The ruby text content is aligned with the start edge of the base." }, { "name": "line-edge", "browsers": "E,IE5" }, { "name": "right", "desc": "The ruby text content is aligned with the end edge of the base.", "browsers": "E,IE5" }, { "name": "start", "desc": "The ruby text content is aligned with the start edge of the base.", "browsers": "FF10" }, { "name": "space-between", "desc": "The ruby content expands as defined for normal text justification (as defined by 'text-justify'),", "browsers": "FF10" }, { "name": "space-around", "desc": "As for 'space-between' except that there exists an extra justification opportunities whose space is distributed half before and half after the ruby content.", "browsers": "FF10" } ] }, { "name": "ruby-overhang", "desc": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.", "browsers": "FF10,IE5", "restriction": "enum", "values": [ { "name": "auto", "desc": "The ruby text can overhang text adjacent to the base on either side. This is the initial value." }, { "name": "end", "desc": "The ruby text can overhang the text that follows it." }, { "name": "none", "desc": "The ruby text cannot overhang any text adjacent to its base, only its own base." }, { "name": "start", "desc": "The ruby text can overhang the text that precedes it." } ] }, { "name": "ruby-position", "desc": "Used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base.", "browsers": "FF10,IE5", "restriction": "enum", "values": [ { "name": "after" }, { "name": "before" }, { "name": "inline" }, { "name": "right", "desc": "The ruby text appears on the right of the base. Unlike 'before' and 'after', this value is not relative to the text flow direction." } ] }, { "name": "ruby-span", "desc": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.", "browsers": "FF10", "restriction": "enum", "values": [ { "name": "attr(x)" }, { "name": "none", "desc": "No spanning. The computed value is '1'." } ] }, { "name": "scrollbar-3dlight-color", "desc": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE6", "restriction": "color" }, { "name": "scrollbar-arrow-color", "desc": "Determines the color of the arrow elements of a scroll arrow.", "browsers": "IE6", "restriction": "color" }, { "name": "scrollbar-base-color", "desc": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.", "browsers": "IE6", "restriction": "color" }, { "name": "scrollbar-darkshadow-color", "desc": "Determines the color of the gutter of a scroll bar.", "browsers": "IE6", "restriction": "color" }, { "name": "scrollbar-face-color", "desc": "Determines the color of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE6", "restriction": "color" }, { "name": "scrollbar-highlight-color", "desc": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE6", "restriction": "color" }, { "name": "scrollbar-shadow-color", "desc": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.", "browsers": "IE6", "restriction": "color" }, { "name": "scrollbar-track-color", "desc": "Determines the color of the track element of a scroll bar.", "browsers": "IE6", "restriction": "color" }, { "name": "scroll-behavior", "desc": "Specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.", "browsers": "FF36", "restriction": "enum", "values": [ { "name": "auto", "desc": "Scrolls in an instant fashion." }, { "name": "smooth" } ] }, { "name": "scroll-snap-coordinate", "desc": "Defines the x and y coordinate within the element which will align with the nearest ancestor scroll container’s snap-destination for the respective axis.", "browsers": "FF39", "restriction": "position, length, percentage, enum", "values": [ { "name": "none", "desc": "Specifies that this element does not contribute a snap point." } ] }, { "name": "scroll-snap-destination", "desc": "Define the x and y coordinate within the scroll container’s visual viewport which element snap points will align with.", "browsers": "FF39", "restriction": "position, length, percentage" }, { "name": "scroll-snap-points-x", "desc": "Defines the positioning of snap points along the x axis of the scroll container it is applied to.", "browsers": "FF39", "restriction": "enum", "values": [ { "name": "none", "desc": "No snap points are defined by this scroll container." }, { "name": "repeat()" } ] }, { "name": "scroll-snap-points-y", "desc": "Defines the positioning of snap points alobg the y axis of the scroll container it is applied to.", "browsers": "FF39", "restriction": "enum", "values": [ { "name": "none", "desc": "No snap points are defined by this scroll container." }, { "name": "repeat()" } ] }, { "name": "scroll-snap-type", "desc": "Defines how strictly snap points are enforced on the scroll container.", "browsers": "FF39", "restriction": "enum", "values": [ { "name": "none", "desc": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled." }, { "name": "mandatory", "desc": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations." }, { "name": "proximity", "desc": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll." } ] }, { "name": "shape-image-threshold", "desc": "Defines the alpha channel threshold used to extract the shape using an image. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.", "browsers": "C37,O24", "restriction": "number" }, { "name": "shape-margin", "desc": "Adds a margin to a 'shape-outside'. This defines a new shape that is the smallest contour that includes all the points that are the 'shape-margin' distance outward in the perpendicular direction from a point on the underlying shape.", "browsers": "C37,O24", "restriction": "url, length, percentage" }, { "name": "shape-outside", "desc": "Specifies an orthogonal rotation to be applied to an image before it is laid out.", "browsers": "C37,O24", "restriction": "image, box, shape, enum", "values": [ { "name": "margin-box" }, { "name": "none", "desc": "The float area is unaffected." } ] }, { "name": "size", "browsers": "C,O8", "restriction": "length" }, { "name": "src", "desc": "@font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed.", "restriction": "enum, url, identifier", "values": [ { "name": "url()", "desc": "Reference font by URL" }, { "name": "format()" }, { "name": "local()" } ] }, { "name": "stop-color", "desc": "Indicates what color to use at that gradient stop.", "restriction": "color" }, { "name": "stop-opacity", "desc": "Defines the opacity of a given gradient stop.", "restriction": "number(0-1)" }, { "name": "stroke", "desc": "Paints along the outline of the given graphical element.", "restriction": "color, enum, url", "values": [ { "name": "url()", "desc": "A URL reference to a paint server element, which is an element that defines a paint server: ‘hatch’, ‘linearGradient’, ‘mesh’, ‘pattern’, ‘radialGradient’ and ‘solidcolor’." } ] }, { "name": "stroke-dasharray", "desc": "Controls the pattern of dashes and gaps used to stroke paths.", "restriction": "length, percentage, number, enum", "values": [ { "name": "none", "desc": "Indicates that no dashing is used." } ] }, { "name": "stroke-dashoffset", "desc": "Specifies the distance into the dash pattern to start the dash.", "restriction": "percentage, length" }, { "name": "stroke-linecap", "desc": "Specifies the shape to be used at the end of open subpaths when they are stroked.", "restriction": "enum", "values": [ { "name": "butt" }, { "name": "round", "desc": "Indicates that at each end of each subpath, the shape representing the stroke will be extended by a half circle with a radius equal to the stroke width." }, { "name": "square", "desc": "Indicates that at the end of each subpath, the shape representing the stroke will be extended by a rectangle with the same width as the stroke width and whose length is half of the stroke width." } ] }, { "name": "stroke-linejoin", "desc": "Specifies the shape to be used at the corners of paths or basic shapes when they are stroked.", "restriction": "enum", "values": [ { "name": "bevel" }, { "name": "miter" }, { "name": "round", "desc": "Indicates that a round corner is to be used to join path segments." } ] }, { "name": "stroke-miterlimit", "desc": "When two line segments meet at a sharp angle and miter joins have been specified for 'stroke-linejoin', it is possible for the miter to extend far beyond the thickness of the line stroking the path.", "restriction": "number" }, { "name": "stroke-opacity", "desc": "Specifies the opacity of the painting operation used to stroke the current object.", "restriction": "number(0-1)" }, { "name": "stroke-width", "desc": "Specifies the width of the stroke on the current object.", "restriction": "percentage, length" }, { "name": "suffix", "desc": "@counter-style descriptor. Specifies a <symbol> that is appended to the marker representation.", "browsers": "FF33", "restriction": "image, string, identifier" }, { "name": "system", "desc": "@counter-style descriptor. Specifies which algorithm will be used to construct the counter’s representation based on the counter value.", "browsers": "FF33", "restriction": "enum, integer", "values": [ { "name": "additive" }, { "name": "alphabetic", "desc": "Interprets the list of counter symbols as digits to an alphabetic numbering system, similar to the default lower-alpha counter style, which wraps from \"a\", \"b\", \"c\", to \"aa\", \"ab\", \"ac\"." }, { "name": "cyclic" }, { "name": "extends" }, { "name": "fixed", "desc": "Runs through its list of counter symbols once, then falls back." }, { "name": "numeric" }, { "name": "symbolic" } ] }, { "name": "symbols", "desc": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor.", "browsers": "FF33", "restriction": "image, string, identifier" }, { "name": "table-layout", "desc": "Controls the algorithm used to lay out the table cells, rows, and columns.", "restriction": "enum", "values": [ { "name": "auto", "desc": "Use any automatic table layout algorithm." }, { "name": "fixed", "desc": "Use the fixed table layout algorithm." } ] }, { "name": "tab-size", "desc": "Determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.", "browsers": "C21,O15,S6.1", "restriction": "integer, length" }, { "name": "text-align", "desc": "Describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box.", "restriction": "string", "values": [ { "name": "center", "desc": "The inline contents are centered within the line box." }, { "name": "end", "desc": "The inline contents are aligned to the end edge of the line box.", "browsers": "C,FF3.6,O15,S3.1" }, { "name": "justify", "desc": "The text is justified according to the method specified by the 'text-justify' property." }, { "name": "left", "desc": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text." }, { "name": "right", "desc": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text." }, { "name": "start", "desc": "The inline contents are aligned to the start edge of the line box.", "browsers": "C,FF1,O15,S3.1" } ] }, { "name": "text-align-last", "desc": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.", "browsers": "E,FF12,IE5", "restriction": "enum", "values": [ { "name": "auto", "desc": "Content on the affected line is aligned per 'text-align' unless 'text-align' is set to 'justify', in which case it is 'start-aligned'." }, { "name": "center", "desc": "The inline contents are centered within the line box." }, { "name": "justify", "desc": "The text is justified according to the method specified by the 'text-justify' property." }, { "name": "left", "desc": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text." }, { "name": "right", "desc": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text." } ] }, { "name": "text-anchor", "desc": "Used to align (start-, middle- or end-alignment) a string of text relative to a given point.", "restriction": "enum", "values": [ { "name": "end", "desc": "The rendered characters are aligned such that the end of the resulting rendered text is at the initial current text position." }, { "name": "middle", "desc": "The rendered characters are aligned such that the geometric middle of the resulting rendered text is at the initial current text position." }, { "name": "start", "desc": "The rendered characters are aligned such that the start of the resulting rendered text is at the initial current text position." } ] }, { "name": "text-decoration", "desc": "Decorations applied to font used for an element's text.", "restriction": "enum, color", "values": [ { "name": "dashed" }, { "name": "dotted" }, { "name": "double" }, { "name": "line-through" }, { "name": "overline" }, { "name": "solid" }, { "name": "underline" }, { "name": "wavy" } ] }, { "name": "text-decoration-line", "desc": "Specifies what line decorations, if any, are added to the element.", "browsers": "FF36", "restriction": "enum", "values": [ { "name": "line-through" }, { "name": "none", "desc": "Neither produces nor inhibits text decoration." }, { "name": "overline" }, { "name": "underline" } ] }, { "name": "text-decoration-style", "desc": "Specifies the line style for underline, line-through and overline text decoration.", "browsers": "FF36", "restriction": "enum", "values": [ { "name": "dashed" }, { "name": "dotted" }, { "name": "double" }, { "name": "none", "desc": "Produces no line." }, { "name": "solid" }, { "name": "wavy" } ] }, { "name": "text-indent", "desc": "Specifies the indentation applied to lines of inline content in a block. The indentation only affects the first line of inline content in the block unless the 'hanging' keyword is specified, in which case it affects all lines except the first.", "restriction": "percentage, length", "values": [] }, { "name": "text-justify", "desc": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.", "browsers": "E,IE5.5", "restriction": "enum", "values": [ { "name": "auto", "desc": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality." }, { "name": "distribute", "desc": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property." }, { "name": "distribute-all-lines" }, { "name": "inter-cluster" }, { "name": "inter-ideograph" }, { "name": "inter-word" }, { "name": "kashida" }, { "name": "newspaper" } ] }, { "name": "text-orientation", "desc": "Specifies the orientation of text within a line.", "browsers": "C,O15,S5.1", "restriction": "enum", "values": [ { "name": "sideways", "browsers": "C25,O15,S6.1" }, { "name": "sideways-right", "browsers": "C25,O15,S6.1" }, { "name": "upright" } ] }, { "name": "text-overflow", "desc": "Text can overflow for example when it is prevented from wrapping.", "browsers": "E,C,FF9,IE5.5,O11.6,S2", "restriction": "enum, string", "values": [ { "name": "clip" }, { "name": "ellipsis" } ] }, { "name": "text-rendering", "desc": "The creator of SVG content might want to provide a hint to the implementation about what tradeoffs to make as it renders text. The ‘text-rendering’ property provides these hints.", "browsers": "C,FF3,O9,S5", "restriction": "enum", "values": [ { "name": "auto" }, { "name": "geometricPrecision" }, { "name": "optimizeLegibility" }, { "name": "optimizeSpeed", "desc": "Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision." } ] }, { "name": "text-shadow", "desc": "Enables shadow effects to be applied to the text of the element.", "browsers": "E,C,FF3.6,IE10,O9.5,S1.1", "restriction": "length, color", "values": [] }, { "name": "text-transform", "desc": "Controls capitalization effects of an element’s text.", "restriction": "enum", "values": [ { "name": "capitalize" }, { "name": "lowercase" }, { "name": "none", "desc": "No effects." }, { "name": "uppercase" } ] }, { "name": "text-underline-position", "desc": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements. This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text", "browsers": "E,IE10", "restriction": "enum", "values": [ { "name": "above" }, { "name": "auto", "desc": "The user agent may use any algorithm to determine the underline’s position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over." }, { "name": "below", "desc": "The underline is aligned with the under edge of the element’s content box." } ] }, { "name": "top", "desc": "Specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's 'containing block'.", "restriction": "length, percentage", "values": [ { "name": "auto", "desc": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well" } ] }, { "name": "touch-action", "desc": "Determines whether touch input may trigger default behavior supplied by user agent.", "browsers": "E,C36,IE11,O23", "restriction": "enum", "values": [ { "name": "auto", "desc": "The user agent may determine any permitted touch behaviors for touches that begin on the element." }, { "name": "cross-slide-x", "browsers": "E,IE11" }, { "name": "cross-slide-y", "browsers": "E,IE11" }, { "name": "double-tap-zoom", "browsers": "E,IE11" }, { "name": "manipulation", "desc": "The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming." }, { "name": "none", "desc": "Touches that begin on the element must not trigger default touch behaviors." }, { "name": "pan-x", "desc": "The user agent may consider touches that begin on the element only for the purposes of horizontally scrolling the element’s nearest ancestor with horizontally scrollable content." }, { "name": "pan-y", "desc": "The user agent may consider touches that begin on the element only for the purposes of vertically scrolling the element’s nearest ancestor with vertically scrollable content." }, { "name": "pinch-zoom", "browsers": "E,IE11" } ] }, { "name": "transform", "desc": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.", "browsers": "E,C36,FF16,IE10,O12.1,S9", "restriction": "enum", "values": [ { "name": "matrix()" }, { "name": "matrix3d()" }, { "name": "none" }, { "name": "perspective()" }, { "name": "rotate()" }, { "name": "rotate3d()" }, { "name": "rotateX('angle')" }, { "name": "rotateY('angle')" }, { "name": "rotateZ('angle')" }, { "name": "scale()" }, { "name": "scale3d()" }, { "name": "scaleX()" }, { "name": "scaleY()" }, { "name": "scaleZ()" }, { "name": "skew()" }, { "name": "skewX()" }, { "name": "skewY()" }, { "name": "translate()" }, { "name": "translate3d()" }, { "name": "translateX()" }, { "name": "translateY()" }, { "name": "translateZ()" } ] }, { "name": "transform-origin", "desc": "Establishes the origin of transformation for an element.", "browsers": "E,C36,FF16,IE10,O12.1,S9", "restriction": "position, length, percentage" }, { "name": "transform-style", "desc": "Defines how nested elements are rendered in 3D space.", "browsers": "E,C36,FF16,IE10,O23,S9", "restriction": "enum", "values": [ { "name": "flat" }, { "name": "preserve-3d", "browsers": "E,C36,FF16,O23,S9" } ] }, { "name": "transition", "desc": "Shorthand property combines four of the transition properties into a single property.", "browsers": "E,FF16,IE10,O12.5", "restriction": "time, property, timing-function, enum", "values": [ { "name": "all", "desc": "Every property that is able to undergo a transition will do so." }, { "name": "none", "desc": "No property will transition." } ] }, { "name": "transition-delay", "desc": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.", "browsers": "E,FF16,IE10,O12.5", "restriction": "time" }, { "name": "transition-duration", "desc": "Specifies how long the transition from the old value to the new value should take.", "browsers": "E,FF16,IE10,O12.5", "restriction": "time" }, { "name": "transition-property", "desc": "Specifies the name of the CSS property to which the transition is applied.", "browsers": "E,FF16,IE10,O12.5", "restriction": "property", "values": [ { "name": "all", "desc": "Every property that is able to undergo a transition will do so." }, { "name": "none", "desc": "No property will transition." } ] }, { "name": "transition-timing-function", "desc": "Describes how the intermediate values used during a transition will be calculated.", "browsers": "E,FF16,IE10,O12.5", "restriction": "timing-function" }, { "name": "unicode-bidi", "desc": "The level of embedding with respect to the bidirectional algorithm.", "restriction": "enum", "values": [ { "name": "bidi-override" }, { "name": "embed" }, { "name": "isolate", "desc": "The contents of the element are considered to be inside a separate, independent paragraph.", "browsers": "C,FF10,O15,S5.1" }, { "name": "isolate-override", "browsers": "C,FF17,O15,S6.1" }, { "name": "normal", "desc": "The element does not open an additional level of embedding with respect to the bidirectional algorithm. For inline-level elements, implicit reordering works across element boundaries." }, { "name": "plaintext", "browsers": "C,FF10,O15,S6" } ] }, { "name": "unicode-range", "desc": "@font-face descriptor. Defines the set of Unicode codepoints that may be supported by the font face for which it is declared.", "restriction": "unicode-range", "values": [ { "name": "U+26" }, { "name": "U+20-24F, U+2B0-2FF, U+370-4FF, U+1E00-1EFF, U+2000-20CF, U+2100-23FF, U+2500-26FF, U+E000-F8FF, U+FB00–FB4F" }, { "name": "U+20-17F, U+2B0-2FF, U+2000-206F, U+20A0-20CF, U+2100-21FF, U+2600-26FF" }, { "name": "U+20-2FF, U+370-4FF, U+1E00-20CF, U+2100-23FF, U+2500-26FF, U+FB00-FB4F, U+FFF0-FFFD" }, { "name": "U+20-4FF, U+530-58F, U+10D0-10FF, U+1E00-23FF, U+2440-245F, U+2500-26FF, U+FB00-FB4F, U+FE20-FE2F, U+FFF0-FFFD" }, { "name": "U+00-7F" }, { "name": "U+80-FF" }, { "name": "U+100-17F" }, { "name": "U+180-24F" }, { "name": "U+1E00-1EFF" }, { "name": "U+250-2AF" }, { "name": "U+370-3FF" }, { "name": "U+1F00-1FFF" }, { "name": "U+400-4FF" }, { "name": "U+500-52F" }, { "name": "U+00-52F, U+1E00-1FFF, U+2200–22FF" }, { "name": "U+530–58F" }, { "name": "U+590–5FF" }, { "name": "U+600–6FF" }, { "name": "U+750–77F" }, { "name": "U+8A0–8FF" }, { "name": "U+700–74F" }, { "name": "U+900–97F" }, { "name": "U+980–9FF" }, { "name": "U+A00–A7F" }, { "name": "U+A80–AFF" }, { "name": "U+B00–B7F" }, { "name": "U+B80–BFF" }, { "name": "U+C00–C7F" }, { "name": "U+C80–CFF" }, { "name": "U+D00–D7F" }, { "name": "U+D80–DFF" }, { "name": "U+118A0–118FF" }, { "name": "U+E00–E7F" }, { "name": "U+1A20–1AAF" }, { "name": "U+AA80–AADF" }, { "name": "U+E80–EFF" }, { "name": "U+F00–FFF" }, { "name": "U+1000–109F" }, { "name": "U+10A0–10FF" }, { "name": "U+1200–137F" }, { "name": "U+1380–139F" }, { "name": "U+2D80–2DDF" }, { "name": "U+AB00–AB2F" }, { "name": "U+1780–17FF" }, { "name": "U+1800–18AF" }, { "name": "U+1B80–1BBF" }, { "name": "U+1CC0–1CCF" }, { "name": "U+4E00–9FD5" }, { "name": "U+3400–4DB5" }, { "name": "U+2F00–2FDF" }, { "name": "U+2E80–2EFF" }, { "name": "U+1100–11FF" }, { "name": "U+AC00–D7AF" }, { "name": "U+3040–309F" }, { "name": "U+30A0–30FF" }, { "name": "U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F" }, { "name": "U+A4D0–A4FF" }, { "name": "U+A000–A48F" }, { "name": "U+A490–A4CF" }, { "name": "U+2000-206F" }, { "name": "U+3000–303F" }, { "name": "U+2070–209F" }, { "name": "U+20A0–20CF" }, { "name": "U+2100–214F" }, { "name": "U+2150–218F" }, { "name": "U+2190–21FF" }, { "name": "U+2200–22FF" }, { "name": "U+2300–23FF" }, { "name": "U+E000-F8FF" }, { "name": "U+FB00–FB4F" }, { "name": "U+FB50–FDFF" }, { "name": "U+1F600–1F64F" }, { "name": "U+2600–26FF" }, { "name": "U+1F300–1F5FF" }, { "name": "U+1F900–1F9FF" }, { "name": "U+1F680–1F6FF" } ] }, { "name": "user-select", "desc": "Controls the appearance of selection.", "restriction": "enum", "values": [ { "name": "all", "desc": "The content of the element must be selected atomically" }, { "name": "auto" }, { "name": "contain", "desc": "UAs must not allow a selection which is started in this element to be extended outside of this element." }, { "name": "none", "desc": "The UA must not allow selections to be started in this element." }, { "name": "text", "desc": "The element imposes no constraint on the selection." } ] }, { "name": "vertical-align", "desc": "Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box.", "restriction": "percentage, length", "values": [ { "name": "auto", "desc": "Align the dominant baseline of the parent box with the equivalent, or heuristically reconstructed, baseline of the element inline box." }, { "name": "baseline", "desc": "Align the 'alphabetic' baseline of the element with the 'alphabetic' baseline of the parent element." }, { "name": "bottom", "desc": "Align the after edge of the extended inline box with the after-edge of the line box." }, { "name": "middle", "desc": "Align the 'middle' baseline of the inline element with the middle baseline of the parent." }, { "name": "sub", "desc": "Lower the baseline of the box to the proper position for subscripts of the parent's box. (This value has no effect on the font size of the element's text.)" }, { "name": "super", "desc": "Raise the baseline of the box to the proper position for superscripts of the parent's box. (This value has no effect on the font size of the element's text.)" }, { "name": "text-bottom" }, { "name": "text-top" }, { "name": "top", "desc": "Align the before edge of the extended inline box with the before-edge of the line box." }, { "name": "-webkit-baseline-middle", "browsers": "C,S1" } ] }, { "name": "visibility", "desc": "Specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the ‘display’ property to ‘none’ to suppress box generation altogether).", "restriction": "enum", "values": [ { "name": "collapse", "desc": "Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'." }, { "name": "hidden", "desc": "The generated box is invisible (fully transparent, nothing is drawn), but still affects layout." }, { "name": "visible", "desc": "The generated box is visible." } ] }, { "name": "-webkit-animation", "desc": "Shorthand property combines six of the animation properties into a single property.", "browsers": "C,S5", "restriction": "time, enum, timing-function, identifier, number", "values": [ { "name": "alternate" }, { "name": "alternate-reverse" }, { "name": "backwards" }, { "name": "both", "desc": "Both forwards and backwards fill modes are applied." }, { "name": "forwards" }, { "name": "infinite", "desc": "Causes the animation to repeat forever." }, { "name": "none", "desc": "No animation is performed" }, { "name": "normal", "desc": "Normal playback." }, { "name": "reverse", "desc": "All iterations of the animation are played in the reverse direction from the way they were specified." } ] }, { "name": "-webkit-animation-delay", "desc": "Defines when the animation will start.", "browsers": "C,S5", "restriction": "time" }, { "name": "-webkit-animation-direction", "desc": "Defines whether or not the animation should play in reverse on alternate cycles.", "browsers": "C,S5", "restriction": "enum", "values": [ { "name": "alternate" }, { "name": "alternate-reverse" }, { "name": "normal", "desc": "Normal playback." }, { "name": "reverse", "desc": "All iterations of the animation are played in the reverse direction from the way they were specified." } ] }, { "name": "-webkit-animation-duration", "desc": "Defines the length of time that an animation takes to complete one cycle.", "browsers": "C,S5", "restriction": "time" }, { "name": "-webkit-animation-fill-mode", "desc": "Defines what values are applied by the animation outside the time it is executing.", "browsers": "C,S5", "restriction": "enum", "values": [ { "name": "backwards" }, { "name": "both", "desc": "Both forwards and backwards fill modes are applied."  } ] }, { "name": "-webkit-animation-iteration-count", "desc": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.", "browsers": "C,S5", "restriction": "number, enum", "values": [ { "name": "infinite", "desc": "Causes the animation to repeat forever." } ] }, { "name": "-webkit-animation-name", "desc": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.", "browsers": "C,S5", "restriction": "identifier, enum", "values": [ { "name": "none", "desc": "No animation is performed" } ] }, { "name": "-webkit-animation-play-state", "desc": "Defines whether the animation is running or paused.", "browsers": "C,S5", "restriction": "enum", "values": [ { "name": "paused" }, { "name": "running" } ] }, { "name": "-webkit-animation-timing-function", "desc": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.", "browsers": "C,S5", "restriction": "timing-function" }, { "name": "-webkit-appearance", "desc": "Changes the appearance of buttons and other controls to resemble native controls.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "button" }, { "name": "button-bevel" }, { "name": "caps-lock-indicator" }, { "name": "caret" }, { "name": "checkbox" }, { "name": "default-button" }, { "name": "listbox" }, { "name": "listitem" }, { "name": "media-fullscreen-button" }, { "name": "media-mute-button" }, { "name": "media-play-button" }, { "name": "media-seek-back-button" }, { "name": "media-seek-forward-button" }, { "name": "media-slider" }, { "name": "media-sliderthumb" }, { "name": "menulist" }, { "name": "menulist-button" }, { "name": "menulist-text" }, { "name": "menulist-textfield" }, { "name": "none" }, { "name": "push-button" }, { "name": "radio" }, { "name": "scrollbarbutton-down" }, { "name": "scrollbarbutton-left" }, { "name": "scrollbarbutton-right" }, { "name": "scrollbarbutton-up" }, { "name": "scrollbargripper-horizontal" }, { "name": "scrollbargripper-vertical" }, { "name": "scrollbarthumb-horizontal" }, { "name": "scrollbarthumb-vertical" }, { "name": "scrollbartrack-horizontal" }, { "name": "scrollbartrack-vertical" }, { "name": "searchfield" }, { "name": "searchfield-cancel-button" }, { "name": "searchfield-decoration" }, { "name": "searchfield-results-button" }, { "name": "searchfield-results-decoration" }, { "name": "slider-horizontal" }, { "name": "sliderthumb-horizontal" }, { "name": "sliderthumb-vertical" }, { "name": "slider-vertical" }, { "name": "square-button" }, { "name": "textarea" }, { "name": "textfield" } ] }, { "name": "-webkit-backdrop-filter", "desc": "Applies a filter effect where the first filter in the list takes the element's background image as the input image.", "browsers": "S9", "restriction": "enum, url", "values": [ { "name": "none", "desc": "No filter effects are applied." }, { "name": "blur()" }, { "name": "brightness()" }, { "name": "contrast()" }, { "name": "drop-shadow()" }, { "name": "grayscale()" }, { "name": "hue-rotate()" }, { "name": "invert()" }, { "name": "opacity()" }, { "name": "saturate()" }, { "name": "sepia()" }, { "name": "url()", "desc": "A filter reference to a <filter> element." } ] }, { "name": "-webkit-backface-visibility", "desc": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.", "browsers": "C,S5", "restriction": "enum", "values": [ { "name": "hidden" }, { "name": "visible" } ] }, { "name": "-webkit-background-clip", "desc": "Determines the background painting area.", "browsers": "C,S3", "restriction": "box" }, { "name": "-webkit-background-composite", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "border" }, { "name": "padding" } ] }, { "name": "-webkit-background-origin", "desc": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).", "browsers": "C,S3", "restriction": "box" }, { "name": "-webkit-border-image", "desc": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.", "browsers": "C,S5", "restriction": "length, percentage, number, url, enum", "values": [ { "name": "auto", "desc": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead." }, { "name": "fill", "desc": "Causes the middle part of the border-image to be preserved." }, { "name": "none" }, { "name": "repeat" }, { "name": "round", "desc": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does." }, { "name": "space", "desc": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles." }, { "name": "stretch", "desc": "The image is stretched to fill the area." }, { "name": "url()" } ] }, { "name": "-webkit-box-align", "desc": "Specifies the alignment of nested elements within an outer flexible box element.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "baseline", "desc": "If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used." }, { "name": "center", "desc": "Any extra space is divided evenly, with half placed above the child and the other half placed after the child." }, { "name": "end", "desc": "For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element." }, { "name": "start", "desc": "For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element." }, { "name": "stretch", "desc": "The height of each child is adjusted to that of the containing block." } ] }, { "name": "-webkit-box-direction", "desc": "In webkit applications, -webkit-box-direction specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "normal", "desc": "A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom." }, { "name": "reverse", "desc": "A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top." } ] }, { "name": "-webkit-box-flex", "desc": "Specifies an element's flexibility.", "browsers": "C,S3", "restriction": "number" }, { "name": "-webkit-box-flex-group", "desc": "Flexible elements can be assigned to flex groups using the 'box-flex-group' property.", "browsers": "C,S3", "restriction": "integer" }, { "name": "-webkit-box-ordinal-group", "desc": "Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.", "browsers": "C,S3", "restriction": "integer" }, { "name": "-webkit-box-orient", "desc": "In webkit applications, -webkit-box-orient specifies whether a box lays out its contents horizontally or vertically.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "block-axis" }, { "name": "horizontal", "desc": "The box displays its children from left to right in a horizontal line." }, { "name": "inline-axis" }, { "name": "vertical", "desc": "The box displays its children from stacked from top to bottom vertically." } ] }, { "name": "-webkit-box-pack", "desc": "Specifies alignment of child elements within the current element in the direction of orientation.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "center", "desc": "The extra space is divided evenly, with half placed before the first child and the other half placed after the last child." }, { "name": "end", "desc": "For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child." }, { "name": "justify", "desc": "The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start." }, { "name": "start", "desc": "For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child." } ] }, { "name": "-webkit-box-reflect", "desc": "Defines a reflection of a border box.", "browsers": "C,S4", "values": [ { "name": "above", "desc": "The reflection appears above the border box." }, { "name": "below", "desc": "The reflection appears below the border box." }, { "name": "left", "desc": "The reflection appears to the left of the border box." }, { "name": "right", "desc": "The reflection appears to the right of the border box." } ] }, { "name": "-webkit-box-sizing", "desc": "Box Model addition in CSS3.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "border-box" }, { "name": "content-box" } ] }, { "name": "-webkit-break-after", "desc": "Describes the page/column break behavior before the generated box.", "browsers": "S7", "restriction": "enum", "values": [ { "name": "always", "desc": "Always force a page break before/after the generated box." }, { "name": "auto", "desc": "Neither force nor forbid a page/column break before/after the generated box." }, { "name": "avoid", "desc": "Avoid a page/column break before/after the generated box." }, { "name": "avoid-column", "desc": "Avoid a column break before/after the generated box." }, { "name": "avoid-page", "desc": "Avoid a page break before/after the generated box." }, { "name": "avoid-region" }, { "name": "column", "desc": "Always force a column break before/after the generated box." }, { "name": "left", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page." }, { "name": "page", "desc": "Always force a page break before/after the generated box." }, { "name": "region" }, { "name": "right", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page." } ] }, { "name": "-webkit-break-before", "desc": "Describes the page/column break behavior before the generated box.", "browsers": "S7", "restriction": "enum", "values": [ { "name": "always", "desc": "Always force a page break before/after the generated box." }, { "name": "auto", "desc": "Neither force nor forbid a page/column break before/after the generated box." }, { "name": "avoid", "desc": "Avoid a page/column break before/after the generated box." }, { "name": "avoid-column", "desc": "Avoid a column break before/after the generated box." }, { "name": "avoid-page", "desc": "Avoid a page break before/after the generated box." }, { "name": "avoid-region" }, { "name": "column", "desc": "Always force a column break before/after the generated box." }, { "name": "left", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page." }, { "name": "page", "desc": "Always force a page break before/after the generated box." }, { "name": "region" }, { "name": "right", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page." } ] }, { "name": "-webkit-break-inside", "desc": "Describes the page/column break behavior inside the generated box.", "browsers": "S7", "restriction": "enum", "values": [ { "name": "auto", "desc": "Neither force nor forbid a page/column break inside the generated box." }, { "name": "avoid", "desc": "Avoid a page/column break inside the generated box." }, { "name": "avoid-column", "desc": "Avoid a column break inside the generated box." }, { "name": "avoid-page", "desc": "Avoid a page break inside the generated box." }, { "name": "avoid-region" } ] }, { "name": "-webkit-column-break-after", "desc": "Describes the page/column break behavior before the generated box.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "always", "desc": "Always force a page break before/after the generated box." }, { "name": "auto", "desc": "Neither force nor forbid a page/column break before/after the generated box." }, { "name": "avoid", "desc": "Avoid a page/column break before/after the generated box." }, { "name": "avoid-column", "desc": "Avoid a column break before/after the generated box." }, { "name": "avoid-page", "desc": "Avoid a page break before/after the generated box." }, { "name": "avoid-region" }, { "name": "column", "desc": "Always force a column break before/after the generated box." }, { "name": "left", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page." }, { "name": "page", "desc": "Always force a page break before/after the generated box." }, { "name": "region" }, { "name": "right", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page." } ] }, { "name": "-webkit-column-break-before", "desc": "Describes the page/column break behavior before the generated box.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "always", "desc": "Always force a page break before/after the generated box." }, { "name": "auto", "desc": "Neither force nor forbid a page/column break before/after the generated box." }, { "name": "avoid", "desc": "Avoid a page/column break before/after the generated box." }, { "name": "avoid-column", "desc": "Avoid a column break before/after the generated box." }, { "name": "avoid-page", "desc": "Avoid a page break before/after the generated box." }, { "name": "avoid-region" }, { "name": "column", "desc": "Always force a column break before/after the generated box." }, { "name": "left", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page." }, { "name": "page", "desc": "Always force a page break before/after the generated box." }, { "name": "region" }, { "name": "right", "desc": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page." } ] }, { "name": "-webkit-column-break-inside", "desc": "Describes the page/column break behavior inside the generated box.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "auto", "desc": "Neither force nor forbid a page/column break inside the generated box." }, { "name": "avoid", "desc": "Avoid a page/column break inside the generated box." }, { "name": "avoid-column", "desc": "Avoid a column break inside the generated box." }, { "name": "avoid-page", "desc": "Avoid a page break inside the generated box." }, { "name": "avoid-region" } ] }, { "name": "-webkit-column-count", "desc": "Describes the optimal number of columns into which the content of the element will be flowed.", "browsers": "C,S3", "restriction": "integer", "values": [ { "name": "auto", "desc": "Determines the number of columns by the 'column-width' property and the element width." } ] }, { "name": "-webkit-column-gap", "desc": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.", "browsers": "C,S3", "restriction": "length", "values": [ { "name": "normal", "desc": "User agent specific and typically equivalent to 1em." } ] }, { "name": "-webkit-column-rule", "desc": "This property is a shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.", "browsers": "C,S3", "restriction": "length, line-width, line-style, color" }, { "name": "-webkit-column-rule-color", "desc": "Sets the color of the column rule", "browsers": "C,S3", "restriction": "color" }, { "name": "-webkit-column-rule-style", "desc": "Sets the style of the rule between columns of an element.", "browsers": "C,S3", "restriction": "line-style" }, { "name": "-webkit-column-rule-width", "desc": "Sets the width of the rule between columns. Negative values are not allowed.", "browsers": "C,S3", "restriction": "length, line-width" }, { "name": "-webkit-columns", "desc": "A shorthand property which sets both 'column-width' and 'column-count'.", "browsers": "C,S3", "restriction": "length, integer", "values": [ { "name": "auto", "desc": "The width depends on the values of other properties." } ] }, { "name": "-webkit-column-span", "desc": "Describes the page/column break behavior after the generated box.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "all", "desc": "The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear." }, { "name": "none", "desc": "The element does not span multiple columns." } ] }, { "name": "-webkit-column-width", "desc": "This property describes the width of columns in multicol elements.", "browsers": "C,S3", "restriction": "length", "values": [ { "name": "auto", "desc": "The width depends on the values of other properties." } ] }, { "name": "-webkit-filter", "desc": "Processes an element’s rendering before it is displayed in the document, by applying one or more filter effects.", "browsers": "C18,O15,S6", "restriction": "enum, url", "values": [ { "name": "none", "desc": "No filter effects are applied." }, { "name": "blur()" }, { "name": "brightness()" }, { "name": "contrast()" }, { "name": "drop-shadow()" }, { "name": "grayscale()" }, { "name": "hue-rotate()" }, { "name": "invert()" }, { "name": "opacity()" }, { "name": "saturate()" }, { "name": "sepia()" }, { "name": "url()", "desc": "A filter reference to a <filter> element." } ] }, { "name": "-webkit-flow-from", "desc": "Makes a block container a region and associates it with a named flow.", "browsers": "S6.1", "restriction": "identifier", "values": [ { "name": "none", "desc": "The block container is not a CSS Region." } ] }, { "name": "-webkit-flow-into", "desc": "Places an element or its contents into a named flow.", "browsers": "S6.1", "restriction": "identifier", "values": [ { "name": "none", "desc": "The element is not moved to a named flow and normal CSS processing takes place." } ] }, { "name": "-webkit-font-feature-settings", "desc": "This property provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.", "browsers": "C16", "restriction": "string, integer", "values": [ { "name": "\"c2cs\"" }, { "name": "\"dlig\"" }, { "name": "\"kern\"" }, { "name": "\"liga\"" }, { "name": "\"lnum\"" }, { "name": "\"onum\"" }, { "name": "\"smcp\"" }, { "name": "\"swsh\"" }, { "name": "\"tnum\"" }, { "name": "normal", "desc": "No change in glyph substitution or positioning occurs." }, { "name": "off" }, { "name": "on" } ] }, { "name": "-webkit-hyphens", "desc": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.", "browsers": "S5.1", "restriction": "enum", "values": [ { "name": "auto", "desc": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word." }, { "name": "manual" }, { "name": "none", "desc": "Words are not broken at line breaks, even if characters inside the word suggest line break points." } ] }, { "name": "-webkit-line-break", "desc": "Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text.", "browsers": "C,S3", "values": [ { "name": "after-white-space" }, { "name": "normal" } ] }, { "name": "-webkit-margin-bottom-collapse", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "collapse" }, { "name": "discard" }, { "name": "separate" } ] }, { "name": "-webkit-margin-collapse", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "collapse" }, { "name": "discard" }, { "name": "separate" } ] }, { "name": "-webkit-margin-start", "browsers": "C,S3", "restriction": "percentage, length", "values": [ { "name": "auto" } ] }, { "name": "-webkit-margin-top-collapse", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "collapse" }, { "name": "discard" }, { "name": "separate" } ] }, { "name": "-webkit-mask-clip", "desc": "Determines the mask painting area, which determines the area that is affected by the mask.", "browsers": "C,O15,S4", "restriction": "box" }, { "name": "-webkit-mask-image", "desc": "Sets the mask layer image of an element.", "browsers": "C,O15,S4", "restriction": "url, image, enum", "values": [ { "name": "none", "desc": "Counts as a transparent black image layer." }, { "name": "url()", "desc": "Reference to a <mask element or to a CSS image." } ] }, { "name": "-webkit-mask-origin", "desc": "Specifies the mask positioning area.", "browsers": "C,O15,S4", "restriction": "box" }, { "name": "-webkit-mask-repeat", "desc": "Specifies how mask layer images are tiled after they have been sized and positioned.", "browsers": "C,O15,S4", "restriction": "repeat" }, { "name": "-webkit-mask-size", "desc": "Specifies the size of the mask layer images.", "browsers": "C,O15,S4", "restriction": "length, percentage, enum", "values": [ { "name": "auto", "desc": "Resolved by using the image’s intrinsic ratio and the size of the other dimension, or failing that, using the image’s intrinsic size, or failing that, treating it as 100%." }, { "name": "contain", "desc": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area." }, { "name": "cover", "desc": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area." } ] }, { "name": "-webkit-nbsp-mode", "desc": "Defines the behavior of nonbreaking spaces within text.", "browsers": "C,S3", "values": [ { "name": "normal" }, { "name": "space" } ] }, { "name": "-webkit-overflow-scrolling", "desc": "Specifies whether to use native-style scrolling in an overflow:scroll element.", "browsers": "C,S5", "values": [ { "name": "auto" }, { "name": "touch" } ] }, { "name": "-webkit-padding-start", "browsers": "C,S3", "restriction": "percentage, length" }, { "name": "-webkit-perspective", "desc": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.", "browsers": "C,S4", "restriction": "length", "values": [ { "name": "none", "desc": "No perspective transform is applied." } ] }, { "name": "-webkit-perspective-origin", "desc": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.", "browsers": "C,S4", "restriction": "position, percentage, length" }, { "name": "-webkit-region-fragment", "desc": "The 'region-fragment' property controls the behavior of the last region associated with a named flow.", "browsers": "S7", "restriction": "enum", "values": [ { "name": "auto", "desc": "Content flows as it would in a regular content box." }, { "name": "break" } ] }, { "name": "-webkit-tap-highlight-color", "browsers": "E,C,S3.1", "restriction": "color" }, { "name": "-webkit-text-fill-color", "browsers": "E,C,S3", "restriction": "color" }, { "name": "-webkit-text-size-adjust", "desc": "Specifies a size adjustment for displaying text content in mobile browsers.", "browsers": "E,C,S3", "restriction": "percentage", "values": [ { "name": "auto", "desc": "Renderers must use the default size adjustment when displaying on a small device." }, { "name": "none", "desc": "Renderers must not do size adjustment when displaying on a small device." } ] }, { "name": "-webkit-text-stroke", "browsers": "S3", "restriction": "length, line-width, color, percentage" }, { "name": "-webkit-text-stroke-color", "browsers": "S3", "restriction": "color" }, { "name": "-webkit-text-stroke-width", "browsers": "S3", "restriction": "length, line-width, percentage" }, { "name": "-webkit-touch-callout", "browsers": "S3", "restriction": "enum", "values": [ { "name": "none" } ] }, { "name": "-webkit-transform", "desc": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.", "browsers": "C,O12,S3.1", "restriction": "enum", "values": [ { "name": "matrix()" }, { "name": "matrix3d()" }, { "name": "none" }, { "name": "perspective()" }, { "name": "rotate()" }, { "name": "rotate3d()" }, { "name": "rotateX('angle')" }, { "name": "rotateY('angle')" }, { "name": "rotateZ('angle')" }, { "name": "scale()" }, { "name": "scale3d()" }, { "name": "scaleX()" }, { "name": "scaleY()" }, { "name": "scaleZ()" }, { "name": "skew()" }, { "name": "skewX()" }, { "name": "skewY()" }, { "name": "translate()" }, { "name": "translate3d()" }, { "name": "translateX()" }, { "name": "translateY()" }, { "name": "translateZ()" } ] }, { "name": "-webkit-transform-origin", "desc": "Establishes the origin of transformation for an element.", "browsers": "C,O15,S3.1", "restriction": "position, length, percentage" }, { "name": "-webkit-transform-origin-x", "desc": "The x coordinate of the origin for transforms applied to an element with respect to its border box.", "browsers": "C,S3.1", "restriction": "length, percentage" }, { "name": "-webkit-transform-origin-y", "desc": "The y coordinate of the origin for transforms applied to an element with respect to its border box.", "browsers": "C,S3.1", "restriction": "length, percentage" }, { "name": "-webkit-transform-origin-z", "desc": "The z coordinate of the origin for transforms applied to an element with respect to its border box.", "browsers": "C,S4", "restriction": "length, percentage" }, { "name": "-webkit-transform-style", "desc": "Defines how nested elements are rendered in 3D space.", "browsers": "C,S4", "restriction": "enum", "values": [ { "name": "flat" } ] }, { "name": "-webkit-transition", "desc": "Shorthand property combines four of the transition properties into a single property.", "browsers": "C,O12,S5", "restriction": "time, property, timing-function, enum", "values": [ { "name": "all", "desc": "Every property that is able to undergo a transition will do so." }, { "name": "none", "desc": "No property will transition." } ] }, { "name": "-webkit-transition-delay", "desc": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.", "browsers": "C,O12,S5", "restriction": "time" }, { "name": "-webkit-transition-duration", "desc": "Specifies how long the transition from the old value to the new value should take.", "browsers": "C,O12,S5", "restriction": "time" }, { "name": "-webkit-transition-property", "desc": "Specifies the name of the CSS property to which the transition is applied.", "browsers": "C,O12,S5", "restriction": "property", "values": [ { "name": "all", "desc": "Every property that is able to undergo a transition will do so." }, { "name": "none", "desc": "No property will transition." } ] }, { "name": "-webkit-transition-timing-function", "desc": "Describes how the intermediate values used during a transition will be calculated.", "browsers": "C,O12,S5", "restriction": "timing-function" }, { "name": "-webkit-user-drag", "browsers": "S3", "restriction": "enum", "values": [ { "name": "auto" }, { "name": "element" }, { "name": "none" } ] }, { "name": "-webkit-user-modify", "desc": "Determines whether a user can edit the content of an element.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "read-only" }, { "name": "read-write" }, { "name": "read-write-plaintext-only" } ] }, { "name": "-webkit-user-select", "desc": "Controls the appearance of selection.", "browsers": "C,S3", "restriction": "enum", "values": [ { "name": "auto" }, { "name": "none" }, { "name": "text" } ] }, { "name": "white-space", "desc": "Shorthand property for the 'white-space-collapsing' and 'text-wrap' properties.", "restriction": "enum", "values": [ { "name": "normal", "desc": "Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'normal'." }, { "name": "nowrap", "desc": "Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'none'." }, { "name": "pre" }, { "name": "pre-line" }, { "name": "pre-wrap" } ] }, { "name": "widows", "desc": "Specifies the minimum number of line boxes of a block container that must be left in a fragment after a break.", "browsers": "C,IE8,O9.5,S1", "restriction": "integer" }, { "name": "width", "desc": "Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.", "restriction": "length, percentage", "values": [ { "name": "auto", "desc": "The width depends on the values of other properties." }, { "name": "fit-content", "browsers": "C46,O33" }, { "name": "max-content", "browsers": "C46,O33" }, { "name": "min-content", "browsers": "C46,O33" } ] }, { "name": "will-change", "desc": "Provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element.", "browsers": "C36,FF36,O24", "restriction": "enum, identifier", "values": [ { "name": "auto", "desc": "Expresses no particular intent." }, { "name": "contents" }, { "name": "scroll-position" } ] }, { "name": "word-break", "desc": "Specifies line break opportunities for non-CJK scripts.", "browsers": "E,C,FF15,IE5,S3", "restriction": "enum", "values": [ { "name": "break-all" }, { "name": "keep-all", "desc": "Block characters can no longer create implied break points." }, { "name": "normal", "desc": "Breaks non-CJK scripts according to their own rules." } ] }, { "name": "word-spacing", "desc": "Specifies additional spacing between “words”.", "restriction": "length, percentage", "values": [ { "name": "normal", "desc": "No additional spacing is applied. Computes to zero." } ] }, { "name": "word-wrap", "desc": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.", "restriction": "enum", "values": [ { "name": "break-word", "desc": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line." }, { "name": "normal", "desc": "Lines may break only at allowed break points." } ] }, { "name": "writing-mode", "desc": "This is a shorthand property for both 'direction' and 'block-progression'.", "browsers": "E,FF41", "restriction": "enum", "values": [ { "name": "horizontal-tb" }, { "name": "sideways-lr", "browsers": "FF43" }, { "name": "sideways-rl", "browsers": "FF43" }, { "name": "vertical-lr" }, { "name": "vertical-rl" } ] }, { "name": "z-index", "desc": "For a positioned box, the 'z-index' property specifies the stack level of the box in the current stacking context and whether the box establishes a local stacking context.", "restriction": "integer", "values": [ { "name": "auto", "desc": "The stack level of the generated box in the current stacking context is 0. The box does not establish a new stacking context unless it is the root element." } ] }, { "name": "zoom", "desc": "Non-standard. Specifies the magnification scale of the object. See 'transform: scale()' for a standards-based alternative.", "browsers": "E,C,IE6,O15,S4", "restriction": "enum, integer, number, percentage", "values": [ { "name": "normal" } ] } ] } }; exports.descriptions = { "100": "Thin", "200": "Extra Light (Ultra Light)", "300": "Light", "400": "Normal", "500": "Medium", "600": "Semi Bold (Demi Bold)", "700": "Bold", "800": "Extra Bold (Ultra Bold)", "900": "Black (Heavy)", "alternate": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.", "alternate-reverse": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.", "backwards": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'.", "forwards": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.", "paused": "A running animation will be paused.", "running": "Resume playback of a paused animation.", "multiply": "The source color is multiplied by the destination color and replaces the destination.", "screen": "Multiplies the complements of the backdrop and source color values, then complements the result.", "overlay": "Multiplies or screens the colors, depending on the backdrop color value.", "darken": "Selects the darker of the backdrop and source colors.", "lighten": "Selects the lighter of the backdrop and source colors.", "color-dodge": "Brightens the backdrop color to reflect the source color.", "color-burn": "Darkens the backdrop color to reflect the source color.", "hard-light": "Multiplies or screens the colors, depending on the source color value.", "soft-light": "Darkens or lightens the colors, depending on the source color value.", "difference": "Subtracts the darker of the two constituent colors from the lighter color..", "exclusion": "Produces an effect similar to that of the Difference mode but lower in contrast.", "hue": "Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.", "saturation": "Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.", "color": "Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.", "luminosity": "Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.", "repeat": "The image is tiled (repeated) to fill the area.", "clone": "Each box is independently wrapped with the border and padding.", "slice": "The effect is as though the element were rendered with no breaks present, and then sliced by the breaks afterward.", "inset": "Changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it).", "border-box": "The specified width and height (and respective min/max properties) on this element determine the border box of the element.", "content-box": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element.", "rect()": "Specifies offsets from the edges of the border box.", "evenodd": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses.", "nonzero": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray.", "linearRGB": "Color operations should occur in the linearized RGB color space.", "sRGB": "Color operations should occur in the sRGB color space.", "balance": "Balance content equally between columns, if possible.", "attr()": "The attr(n) function returns as a string the value of attribute n for the subject of the selector.", "counter(name)": "Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).", "alias": "Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it.", "all-scroll": "Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle.", "cell": "Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle.", "col-resize": "Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them.", "context-menu": "A context menu is available for the object under the cursor. Often rendered as an arrow with a small menu-like graphic next to it.", "copy": "Indicates something is to be c