mirror of
https://github.com/microsoft/vscode.git
synced 2026-07-14 07:54:36 +01:00
David Storey
9383 lines
640 KiB
XML
9383 lines
640 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<css>
|
||
<atDirectives>
|
||
<entry name="@bottom-center" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-width box within the area defined by the bottom margin, centered on the page area, and between the bottom-left and bottom-right margin boxes.</desc>
|
||
</entry>
|
||
<entry name="@bottom-left" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-width box within the area defined by the bottom margin and adjoining the bottom-left-corner margin box.</desc>
|
||
</entry>
|
||
<entry name="@bottom-left-corner" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A box filling the area defined by the intersection of the bottom and left margins of the page box.</desc>
|
||
</entry>
|
||
<entry name="@bottom-right" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-width box within the area defined by the bottom margin and adjoining the bottom-right corner margin box.</desc>
|
||
</entry>
|
||
<entry name="@bottom-right-corner" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A box filling the area defined by the intersection of the bottom and right margins of the page box.</desc>
|
||
</entry>
|
||
<entry name="@charset" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-syntax/#charset" syntax="@charset 'utf-8';">
|
||
<desc>Defines character set of the document.</desc>
|
||
</entry>
|
||
<entry name="@counter-style" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#the-counter-style-rule" syntax="@counter-style <counter-style-name> { <declaration-list> }">
|
||
<desc>Defines a custom counter style.</desc>
|
||
</entry>
|
||
<entry name="@custom-media" version="4.0" browsers="none" ref="http://www.w3.org/TR/mediaqueries-4/#at-ruledef-custom-media" syntax="@custom-media --narrow-viewport (max-width: 30em);">
|
||
<desc>Defines a custom media feature that can then be used in a media feature.</desc>
|
||
</entry>
|
||
<entry name="@font-face" version="3.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#the-font-face-rule" syntax="@font-face { <font-description> }">
|
||
<desc>Allows for linking to fonts that are automatically activated when needed. This permits authors to work around the limitation of 'web-safe' fonts, allowing for consistent rendering independent of the fonts available in a given user's environment.</desc>
|
||
</entry>
|
||
<entry name="@font-feature-values" version="3.0" browsers="FF34" ref="http://www.w3.org/TR/css-fonts-3/#at-font-feature-values-rule" syntax="@font-feature-values <font-family> { }">
|
||
<desc>Defines named values for the indices used to select alternate glyphs for a given font family.</desc>
|
||
</entry>
|
||
<entry name="@import" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-syntax/#at-import" syntax="@import url('file.css') tv, print;">
|
||
<desc>Includes content of another file.</desc>
|
||
</entry>
|
||
<entry name="@keyframes" version="3.0" browsers="E,C43,FF16,IE10,O30,S9" ref="http://www.w3.org/TR/css3-animations/#keyframes" syntax="@keyframes animation-name">
|
||
<desc>Defines set of animation key frames.</desc>
|
||
</entry>
|
||
<entry name="@left-bottom" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-height box within the area defined by the left margin and adjacent to the top of the bottom-left-corner.</desc>
|
||
</entry>
|
||
<entry name="@left-middle" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-height box in the area defined by the left margin, centered on the page area, and between the left-top and left-bottom margin boxes.</desc>
|
||
</entry>
|
||
<entry name="@left-top" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-height box within the area defined by the left margin and adjacent to the bottom of the top-left-corner.</desc>
|
||
</entry>
|
||
<entry name="@media" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-mediaqueries" syntax="@media print { ... }">
|
||
<desc>Defines a stylesheet for a particular media type.</desc>
|
||
</entry>
|
||
<entry name="@-moz-document" version="3.0" browsers="FF1.8" ref="https://developer.mozilla.org/en/CSS/@document">
|
||
<desc>Gecko-specific at-rule that restricts the style rules contained within it based on the URL of the document.</desc>
|
||
</entry>
|
||
<entry name="@-moz-keyframes" version="3.0" browsers="FF5" ref="http://www.w3.org/TR/css3-animations/#keyframes" syntax="@-moz-keyframes animation-name">
|
||
<desc>Defines set of animation key frames.</desc>
|
||
</entry>
|
||
<entry name="@-ms-viewport" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css-device-adapt/#the-viewport-rule" syntax="@$(name) { width: device-width; }" >
|
||
<desc>Specifies the size, zoom factor, and orientation of the viewport.</desc>
|
||
</entry>
|
||
<entry name="@namespace" version="3.0" browsers="E,C,FF1,IE9,O8,S1" ref="http://www.w3.org/TR/css3-namespace/#declaration" syntax="@namespace [prefix] string|url;">
|
||
<desc>Declares a prefix and associates it with a namespace name.</desc>
|
||
</entry>
|
||
<entry name="@-o-keyframes" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#keyframes" syntax="@-o-keyframes animation-name { }">
|
||
<desc>Defines set of animation key frames.</desc>
|
||
</entry>
|
||
<entry name="@-o-viewport" version="3.0" browsers="O11" ref="http://dev.w3.org/csswg/css-device-adapt/#the-viewport-rule" syntax="@$(name) { width: 320px; zoom: 0.5; }">
|
||
<desc>Specifies the size, zoom factor, and orientation of the viewport.</desc>
|
||
</entry>
|
||
<entry name="@page" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-page/#page-box-page-rule" syntax="@page :first { margin-top: 10cm }">
|
||
<desc>Directive defines various page parameters.</desc>
|
||
</entry>
|
||
<entry name="@right-bottom" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-height box within the area defined by the right margin and adjacent to the top of the bottom-right-corner.</desc>
|
||
</entry>
|
||
<entry name="@right-middle" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-height box in the area defined by the right margin, centered on the page area, and between the right-top and right-bottom margin boxes.</desc>
|
||
</entry>
|
||
<entry name="@right-top" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-height box within the area defined by the right margin and adjacent to the bottom of the top-right-corner.</desc>
|
||
</entry>
|
||
<entry name="@scope" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-scoping-1/#at-ruledef-scope" syntax="@scope <selector> { <stylesheet> }">
|
||
<desc>Creates scoped style rules using CSS syntax.</desc>
|
||
</entry>
|
||
<entry name="@supports" version="3.0" browsers="E,C28,FF22,O12.1,S9" ref="http://www.w3.org/TR/css3-conditional/#at-supports" syntax="@supports (display: flexbox) { div { display: flexbox; } }">
|
||
<desc>A conditional group rule whose condition tests whether the user agent supports CSS property:value pairs.</desc>
|
||
</entry>
|
||
<entry name="@top-center" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-width box within the area defined by the top margin, centered on the page area, and between the top-left and top-right margin boxes.</desc>
|
||
</entry>
|
||
<entry name="@top-left" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-width box within the area defined by the top margin and adjoining the top-left-corner margin box.</desc>
|
||
</entry>
|
||
<entry name="@top-left-corner" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A fixed-size box filling the area defined by the intersection of the top and left margins of the page box.</desc>
|
||
</entry>
|
||
<entry name="@top-right" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A variable-width box within the area defined by the top margin and adjoining the top-right-corner margin box.</desc>
|
||
</entry>
|
||
<entry name="@top-right-corner" version="3" browsers="none" ref="http://www.w3.org/TR/css3-page/#page-box">
|
||
<desc>A box filling the area defined by the intersection of the top and right margins of the page box.</desc>
|
||
</entry>
|
||
<entry name="@viewport" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-device-adapt/#the-viewport-rule" syntax="@$(name) { width: device-width; }">
|
||
<desc>Specifies the size, zoom factor, and orientation of the viewport.</desc>
|
||
</entry>
|
||
<entry name="@-webkit-keyframes" version="3.0" browsers="C,S4" ref="http://www.w3.org/TR/css3-animations/#keyframes" syntax="@-webkit-keyframes animation-name">
|
||
<desc>Defines set of animation key frames.</desc>
|
||
</entry>
|
||
</atDirectives>
|
||
<pseudoClasses>
|
||
<entry name=":active" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act" syntax="a:active { color: red; }">
|
||
<desc>Applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.</desc>
|
||
</entry>
|
||
<entry name=":any-link" version="4.0" browsers="S9" ref="http://www.w3.org/TR/selectors4/#the-any-link-pseudo" syntax="a:any-link { text-decoration: none; }">
|
||
<desc>Represents an element that acts as the source anchor of a hyperlink. Applies to both visited and unvisited links.</desc>
|
||
</entry>
|
||
<entry name=":blank" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#the-blank-pseudo" syntax="p:blank { display: none; }">
|
||
<desc>The same as :empty, except that it additionally matches elements that only contain code points affected by whitespace processing.</desc>
|
||
</entry>
|
||
<entry name=":checked" version="3.0" browsers="E,C,FF1,IE9,O9,S3.13" ref="http://www.w3.org/TR/css3-selectors/#checked" syntax="input:checked { color: red; }">
|
||
<desc>Radio and checkbox elements can be toggled by the user. Some menu items are 'checked' when the user selects them. When such elements are toggled 'on' the :checked pseudo-class applies.</desc>
|
||
</entry>
|
||
<entry name=":corner-present" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Indicates whether or not a scrollbar corner is present.</desc>
|
||
</entry>
|
||
<entry name=":current" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#current-pseudo" syntax=":current { background-color: lightyellow; }">
|
||
<desc>Represents the element, or an ancestor of the element, that is currently being displayed.</desc>
|
||
</entry>
|
||
<entry name=":current()" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#current-pseudo" syntax=":current(div, p) { background-color: lightyellow; }">
|
||
<desc>Takes a list of compound selectors as its argument: it represents the :current element that matches the argument or, if that does not match, the innermost ancestor of the :current element that does.</desc>
|
||
</entry>
|
||
<entry name=":decrement" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to buttons and track pieces. Indicates whether or not the button or track piece will decrement the view’s position when used.</desc>
|
||
</entry>
|
||
<entry name=":default" version="3.0" browsers="C,FF3,O10,S5" ref="http://www.w3.org/TR/selectors4/#the-default-pseudo" syntax="input:default { color: red; }">
|
||
<desc>Applies to the one or more UI elements that are the default among a set of similar elements. Typically applies to context menu items, buttons, and select lists/menus.</desc>
|
||
</entry>
|
||
<entry name=":dir()" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#dir-pseudo" syntax="section:dir(ltr) { border-color: pink; }">
|
||
<desc>Represents an element based on its directionality as determined by the document language.</desc>
|
||
</entry>
|
||
<entry name=":disabled" version="3.0" browsers="E,C,FF1.5,IE9,O9,S3.1" ref="http://www.w3.org/TR/css3-selectors/#enableddisabled" syntax="input:disabled { background-color: silver; }">
|
||
<desc>Represents user interface elements that are in a disabled state; such elements have a corresponding enabled state.</desc>
|
||
</entry>
|
||
<entry name=":double-button" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to buttons and track pieces. Applies when both buttons are displayed together at the same end of the scrollbar.</desc>
|
||
</entry>
|
||
<entry name=":empty" version="3.0" browsers="E,C,FF1.5,IE9,O9,S3.1" ref="http://www.w3.org/TR/css3-selectors/#empty-pseudo" syntax="div:empty { background-color: red; }">
|
||
<desc>Represents an element that has no children at all.</desc>
|
||
</entry>
|
||
<entry name=":enabled" version="3.0" browsers="E,C,FF1.5,IE9,O9,S3.1" ref="http://www.w3.org/TR/css3-selectors/#enableddisabled" syntax="input:enabled { background-color: green; }">
|
||
<desc>Represents user interface elements that are in an enabled state; such elements have a corresponding disabled state.</desc>
|
||
</entry>
|
||
<entry name=":end" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to buttons and track pieces. Indicates whether the object is placed after the thumb.</desc>
|
||
</entry>
|
||
<entry name=":first" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-page/#left-right-first" syntax="@page :first { margin-left: 4cm; }">
|
||
<desc>When printing double-sided documents, the page boxes on left and right pages may be different. This can be expressed through CSS pseudo-classes defined in the page context.</desc>
|
||
</entry>
|
||
<entry name=":first-child" version="2.0" browsers="E,C,FF3,IE7,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#first-child-pseudo" syntax="li:first-child { font-size: 1.2em; }">
|
||
<desc>Same as :nth-child(1). Represents an element that is the first child of some other element.</desc>
|
||
</entry>
|
||
<entry name=":first-of-type" version="3.0" browsers="E,C,FF3.5,IE9,O9.5,S3.2" ref="http://www.w3.org/TR/css3-selectors/#first-of-type-pseudo" syntax="dl dt:first-of-type { font-size: 200%; }">
|
||
<desc>Same as :nth-of-type(1). Represents an element that is the first sibling of its type in the list of children of its parent element.</desc>
|
||
</entry>
|
||
<entry name=":focus" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act" syntax="a:focus { color: yellow; }">
|
||
<desc>Applies while an element has the focus (accepts keyboard or mouse events, or other forms of input).</desc>
|
||
</entry>
|
||
<entry name=":fullscreen" version="3.0" browsers="E" ref="https://fullscreen.spec.whatwg.org/#:fullscreen-pseudo-class" syntax="iframe:fullscreen { border: none; }">
|
||
<desc>Matches any element that has its fullscreen flag set.</desc>
|
||
</entry>
|
||
<entry name=":future" version="4.0" browsers="C,O16,S6" ref="http://www.w3.org/TR/selectors4/#the-future-pseudo" syntax=":future { color: yellow; }">
|
||
<desc>Represents any element that is defined to occur entirely after a :current element.</desc>
|
||
</entry>
|
||
<entry name=":horizontal" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to any scrollbar pieces that have a horizontal orientation.</desc>
|
||
</entry>
|
||
<entry name=":host" version="3.0" browsers="C35,O22" ref="http://www.w3.org/TR/css-scoping-1/#selectordef-host0" syntax=":host { display: block; }">
|
||
<desc>When evaluated in the context of a shadow tree, matches the shadow tree’s host element.</desc>
|
||
</entry>
|
||
<entry name=":host()" version="3.0" browsers="C35,O22" ref="http://www.w3.org/TR/css-scoping-1/#selectordef-host" syntax=":host(.myclass) { color: blue; }">
|
||
<desc>When evaluated in the context of a shadow tree, it matches the shadow tree’s host element if the host element, in its normal context, matches the selector argument.</desc>
|
||
</entry>
|
||
<entry name=":host-context()" version="3.0" browsers="C35,O22" ref="http://www.w3.org/TR/css-scoping-1/#selectordef-host-context" syntax=":host-context(.myclass) { color: blue; }">
|
||
<desc>Tests whether there is an ancestor, outside the shadow tree, which matches a particular selector.</desc>
|
||
</entry>
|
||
<entry name=":hover" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act" syntax="a:hover { text-decoration: none; }">
|
||
<desc>Applies while the user designates an element with a pointing device, but does not necessarily activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element.</desc>
|
||
</entry>
|
||
<entry name=":increment" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to buttons and track pieces. Indicates whether or not the button or track piece will increment the view’s position when used.</desc>
|
||
</entry>
|
||
<entry name=":indeterminate" version="4.0" browsers="E,C,FF3.6,IE9,O10.6,S3" ref="http://www.w3.org/TR/selectors4/#indeterminate" syntax="input:indeterminate { margin: auto 2px; }">
|
||
<desc>Applies to UI elements whose value is in an indeterminate state.</desc>
|
||
</entry>
|
||
<entry name=":in-range" version="4.0" browsers="E13,C,FF10,O9.6,S5.1" ref="http://www.w3.org/TR/selectors4/#range-pseudos" syntax="input:in-range { color: green; }">
|
||
<desc>Used in conjunction with the min and max attributes, whether on a range input, a number field, or any other types that accept those attributes.</desc>
|
||
</entry>
|
||
<entry name=":invalid" version="4.0" browsers="E,C,FF4,IE10,O10,S5" ref="http://www.w3.org/TR/selectors4/#validity-pseudos" syntax="input:invalid { border-color: red; }">
|
||
<desc>An element is :valid or :invalid when it is, respectively, valid or invalid with respect to data validity semantics defined by a different specification.</desc>
|
||
</entry>
|
||
<entry name=":lang()" version="2.0" browsers="E,C,FF1,IE8,O8,S3" ref="http://www.w3.org/TR/css3-selectors/#lang-pseudo" syntax="html:lang(en) { color: blue; }">
|
||
<desc>Represents an element that is in language specified.</desc>
|
||
</entry>
|
||
<entry name=":last-child" version="3.0" browsers="E,C,FF1,IE9,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#last-child-pseudo" syntax="li:last-child { font-size: 1.2em; }">
|
||
<desc>Same as :nth-last-child(1). Represents an element that is the last child of some other element.</desc>
|
||
</entry>
|
||
<entry name=":last-of-type" version="3.0" browsers="E,C,FF3.5,IE9,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#last-of-type-pseudo" syntax="dl dt:last-of-type { font-size: 200%; }">
|
||
<desc>Same as :nth-last-of-type(1). Represents an element that is the last sibling of its type in the list of children of its parent element.</desc>
|
||
</entry>
|
||
<entry name=":left" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-page/#left-right-first" syntax="@page :left { margin-left: 4cm; }">
|
||
<desc>When printing double-sided documents, the page boxes on left and right pages may be different. This can be expressed through CSS pseudo-classes defined in the page context.</desc>
|
||
</entry>
|
||
<entry name=":link" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-selectors/#the-link-pseudo-classes-link-and-visited" syntax="a:link { text-decoration: none; }">
|
||
<desc>Applies to links that have not yet been visited.</desc>
|
||
</entry>
|
||
<entry name=":local-link" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#local-pseudo" syntax="a:local-link { text-decoration: none; }">
|
||
<desc>Allows authors to style hyperlinks based on the users current location within a site and to differentiate site-internal versus site-external links.</desc>
|
||
</entry>
|
||
<entry name=":local-link()" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#local-pseudo" syntax="a:local-link(0) { text-decoration: none; }">
|
||
<desc>Accepts a non-negative integer as its sole argument, which, if the document's URL belongs to a hierarchical scheme, indicates the number of path levels to match. Use :local-link(0) to match links that target the same domain.</desc>
|
||
</entry>
|
||
<entry name=":matches()" version="4.0" browsers="S9" ref="http://www.w3.org/TR/selectors4/#matches" syntax="div:matches(:hover) { border-color: pink; }">
|
||
<desc>Takes a selector list as its argument. It represents an element that is represented by its argument.</desc>
|
||
</entry>
|
||
<entry name=":-moz-any()" version="3.0" browsers="FF4">
|
||
<desc>Represents an element that is represented by the selector list passed as its argument. Standardized as :matches().</desc>
|
||
</entry>
|
||
<entry name=":-moz-any-link" version="3.0" browsers="FF1">
|
||
<desc>Represents an element that acts as the source anchor of a hyperlink. Applies to both visited and unvisited links.</desc>
|
||
</entry>
|
||
<entry name=":-moz-broken" version="3.0" browsers="FF3">
|
||
<desc>Non-standard. Matches elements representing broken images.</desc>
|
||
</entry>
|
||
<entry name=":-moz-drag-over" version="3.0" browsers="FF1">
|
||
<desc>Non-standard. Matches elements when a drag-over event applies to it.</desc>
|
||
</entry>
|
||
<entry name=":-moz-first-node" version="3.0" browsers="FF1">
|
||
<desc>Non-standard. Represents an element that is the first child node of some other element.</desc>
|
||
</entry>
|
||
<entry name=":-moz-focusring" version="3.0" browsers="FF4">
|
||
<desc>Non-standard. Matches an element that has focus and focus ring drawing is enabled in the browser.</desc>
|
||
</entry>
|
||
<entry name=":-moz-full-screen" version="3.0" browsers="FF9">
|
||
<desc>Matches any element that has its fullscreen flag set. Standardized as :fullscreen.</desc>
|
||
</entry>
|
||
<entry name=":-moz-last-node" version="3.0" browsers="FF1">
|
||
<desc>Non-standard. Represents an element that is the last child node of some other element.</desc>
|
||
</entry>
|
||
<entry name=":-moz-loading" version="3.0" browsers="FF3">
|
||
<desc>Non-standard. Matches elements, such as images, that haven’t started loading yet.</desc>
|
||
</entry>
|
||
<entry name=":-moz-only-whitespace" version="3.0" browsers="FF1.5">
|
||
<desc>The same as :empty, except that it additionally matches elements that only contain code points affected by whitespace processing. Standardized as :blank.</desc>
|
||
</entry>
|
||
<entry name=":-moz-placeholder" version="3.0" browsers="FF4">
|
||
<desc>Deprecated. Represents placeholder text in an input field. Use ::-moz-placeholder for Firefox 19+.</desc>
|
||
</entry>
|
||
<entry name=":-moz-submit-invalid" version="3.0" browsers="FF4">
|
||
<desc>Non-standard. Represents any submit button when the contents of the associated form are not valid.</desc>
|
||
</entry>
|
||
<entry name=":-moz-suppressed" version="3.0" browsers="FF3">
|
||
<desc>Non-standard. Matches elements representing images that have been blocked from loading.</desc>
|
||
</entry>
|
||
<entry name=":-moz-ui-invalid" version="3.0" browsers="FF4">
|
||
<desc>Non-standard. Represents any validated form element whose value isn't valid </desc>
|
||
</entry>
|
||
<entry name=":-moz-ui-valid" version="3.0" browsers="FF4">
|
||
<desc>Non-standard. Represents any validated form element whose value is valid </desc>
|
||
</entry>
|
||
<entry name=":-moz-user-disabled" version="3.0" browsers="FF3">
|
||
<desc>Non-standard. Matches elements representing images that have been disabled due to the user’s preferences.</desc>
|
||
</entry>
|
||
<entry name=":-moz-window-inactive" version="3.0" browsers="FF4">
|
||
<desc>Non-standard. Matches elements in an inactive window.</desc>
|
||
</entry>
|
||
<entry name=":-ms-fullscreen" version="3.0" browsers="IE11" ref="https://fullscreen.spec.whatwg.org/#:fullscreen-pseudo-class" syntax="iframe:-ms-fullscreen { border: none; }">
|
||
<desc>Matches any element that has its fullscreen flag set.</desc>
|
||
</entry>
|
||
<entry name=":-ms-input-placeholder" version="3.0" browsers="IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh767367.aspx" syntax="input:-ms-input-placeholder { color: red; }">
|
||
<desc>Represents placeholder text in an input field. Note: for Edge use the pseudo-element ::-ms-input-placeholder. Standardized as ::placeholder.</desc>
|
||
</entry>
|
||
<entry name=":-ms-keyboard-active" version="3.0" browsers="IE10" ref="https://msdn.microsoft.com/en-us/library/dn336891(v=vs.85).aspx" syntax="input:-ms-keyboard-active { background: red; }">
|
||
<desc>Windows Store apps only. Applies one or more styles to an element when it has focus and the user presses the space bar.</desc>
|
||
</entry>
|
||
<entry name=":-ms-lang()" version="4.0" browsers="E,IE10" ref="http://www.w3.org/TR/selectors4/#lang-pseudo" syntax="html:-ms-lang(en, fr, de) { color: blue; }">
|
||
<desc>Represents an element that is in the language specified. Accepts a comma seperated list of language tokens.</desc>
|
||
</entry>
|
||
<entry name=":no-button" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to track pieces. Applies when there is no button at that end of the track.</desc>
|
||
</entry>
|
||
<entry name=":not()" version="3.0" browsers="E,C,FF1,IE9,O9.5,S2" ref="http://www.w3.org/TR/css3-selectors/#negation" syntax="div:not(:empty) { border-color: pink; }">
|
||
<desc>The negation pseudo-class, :not(X), is a functional notation taking a simple selector (excluding the negation pseudo-class itself) as an argument. It represents an element that is not represented by its argument.</desc>
|
||
</entry>
|
||
<entry name=":nth-child()" version="3.0" browsers="E,C,FF3.5,IE9,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo" syntax="tr:nth-child(2n+1) { border-color: pink; }">
|
||
<desc>Represents an element that has an+b-1 siblings before it in the document tree, for any positive integer or zero value of n, and has a parent element.</desc>
|
||
</entry>
|
||
<entry name=":nth-column()" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#nth-column-pseudo" syntax=":nth-column(2n+1) > span { color: yellow; }">
|
||
<desc>Represents a cell element belonging to a column that has An+B-1 columns before it, for any positive integer or zero value of n.</desc>
|
||
</entry>
|
||
<entry name=":nth-last-child()" version="3.0" browsers="E,C,FF3.5,IE9,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#nth-last-child-pseudo" syntax="tr:nth-last-child(-n+2) { border-color: pink; }">
|
||
<desc>Represents an element that has an+b-1 siblings after it in the document tree, for any positive integer or zero value of n, and has a parent element.</desc>
|
||
</entry>
|
||
<entry name=":nth-last-column()" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#nth-column-pseudo" syntax=":nth-last-column(2n+1) > span { color: yellow; }">
|
||
<desc>Represents a cell element belonging to a column that has An+B-1 columns after it, for any positive integer or zero value of n.</desc>
|
||
</entry>
|
||
<entry name=":nth-last-match()" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#nth-last-match-pseudo" syntax="div:nth-last-match(p) { border-color: pink; }">
|
||
<desc>Represents an element that has An+B-1 siblings that match the given selector list after it in the document tree.</desc>
|
||
</entry>
|
||
<entry name=":nth-last-of-type()" version="3.0" browsers="E,C,FF3.5,IE9,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#nth-of-type-pseudo" syntax="tr:nth-last-of-type(n+2) { border-color: pink; }">
|
||
<desc>Represents an element that has an+b-1 siblings with the same expanded element name after it in the document tree, for any zero or positive integer value of n, and has a parent element.</desc>
|
||
</entry>
|
||
<entry name=":nth-match()" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#the-nth-match-pseudo" syntax="div:nth-match(p) { border-color: pink; }">
|
||
<desc>Represents an element that has An+B-1 siblings that match the given selector list before it in the document tree.</desc>
|
||
</entry>
|
||
<entry name=":nth-of-type()" version="3.0" browsers="E,C,FF3.5,IE9,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#nth-of-type-pseudo" syntax="tr:nth-of-type(2n) { border-color: pink; }">
|
||
<desc>Represents an element that has an+b-1 siblings with the same expanded element name before it in the document tree, for any zero or positive integer value of n, and has a parent element.</desc>
|
||
</entry>
|
||
<entry name=":only-child" version="3.0" browsers="E,C,FF1.5,IE9,O9.5,S3.1" ref="http://www.w3.org/TR/css3-selectors/#only-child-pseudo" syntax="p:only-child { color: #f00; }">
|
||
<desc>Represents an element that has a parent element and whose parent element has no other element children. Same as :first-child:last-child or :nth-child(1):nth-last-child(1), but with a lower specificity.</desc>
|
||
</entry>
|
||
<entry name=":only-of-type" version="3.0" browsers="E,C,FF3.5,IE9,O9.5,S3.2" ref="http://www.w3.org/TR/css3-selectors/#only-of-type-pseudo" syntax="p:only-of-type { color: #f00; }">
|
||
<desc>Matches every element that is the only child of its type, of its parent. Same as :first-of-type:last-of-type or :nth-of-type(1):nth-last-of-type(1), but with a lower specificity.</desc>
|
||
</entry>
|
||
<entry name=":optional" version="4.0" browsers="E,C,FF4,IE10,O10,S5" ref="http://www.w3.org/TR/selectors4/#opt-pseudos" syntax="input:optional { color: yellow; }">
|
||
<desc>A form element is :required or :optional if a value for it is, respectively, required or optional before the form it belongs to is submitted. Elements that are not form elements are neither required nor optional.</desc>
|
||
</entry>
|
||
<entry name=":out-of-range" version="4.0" browsers="E13,C,FF10,O9.6,S5.1" ref="http://www.w3.org/TR/selectors4/#range-pseudos" syntax="input:out-of-range { color: red; }">
|
||
<desc>Used in conjunction with the min and max attributes, whether on a range input, a number field, or any other types that accept those attributes.</desc>
|
||
</entry>
|
||
<entry name=":past" version="4.0" browsers="C,O16,S6" ref="http://www.w3.org/TR/selectors4/#the-past-pseudo" syntax=":past { color: green; }">
|
||
<desc>Represents any element that is defined to occur entirely prior to a :current element.</desc>
|
||
</entry>
|
||
<entry name=":placeholder-shown" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#placeholder" syntax="input:placeholder-shown { color: grey; }">
|
||
<desc>Matches an input element that is showing placeholder text.</desc>
|
||
</entry>
|
||
<entry name=":read-only" version="4.0" browsers="E13,C,FF10,O9,S4" ref="http://www.w3.org/TR/selectors4/#rw-pseudos" syntax="input:read-only { margin: auto; }">
|
||
<desc>An element whose contents are not user-alterable is :read-only. However, elements whose contents are user-alterable (such as text input fields) are considered to be in a :read-write state. In typical documents, most elements are :read-only.</desc>
|
||
</entry>
|
||
<entry name=":read-write" version="4.0" browsers="E13,C,FF10,O9,S4" ref="http://www.w3.org/TR/selectors4/#rw-pseudos" syntax="input:read-write { margin: auto 2px; }">
|
||
<desc>An element whose contents are not user-alterable is :read-only. However, elements whose contents are user-alterable (such as text input fields) are considered to be in a :read-write state. In typical documents, most elements are :read-only.</desc>
|
||
</entry>
|
||
<entry name=":required" version="4.0" browsers="E,C,FF4,IE10,O10,S5" ref="http://www.w3.org/TR/selectors4/#opt-pseudos" syntax="input:optional { color: yellow; }">
|
||
<desc>A form element is :required or :optional if a value for it is, respectively, required or optional before the form it belongs to is submitted. Elements that are not form elements are neither required nor optional.</desc>
|
||
</entry>
|
||
<entry name=":recto" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-logical-props/#valdef-logical-page-selector-recto" syntax="@page :recto { margin-inline-start: 4cm; }">
|
||
<desc>Equivalent to ':right' in left-to-right page progressions and ':left' in right-to-left page progressions.</desc>
|
||
</entry>
|
||
<entry name=":right" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-page/#left-right-first" syntax="@page :right { margin-left: 4cm; }">
|
||
<desc>When printing double-sided documents, the page boxes on left and right pages may be different. This can be expressed through CSS pseudo-classes defined in the page context.</desc>
|
||
</entry>
|
||
<entry name=":root" version="3.0" browsers="E,C,FF1,IE9,O9.5,S1" ref="http://www.w3.org/TR/css3-selectors/#root-pseudo" syntax=":root { padding: auto 3em; }">
|
||
<desc>Represents an element that is the root of the document. In HTML 4, this is always the HTML element.</desc>
|
||
</entry>
|
||
<entry name=":scope" version="4.0" browsers="FF32,S6" ref="http://www.w3.org/TR/selectors4/#scope-pseudo" syntax=":scope { border-color: pink; }">
|
||
<desc>Represents any element that is in the contextual reference element set.</desc>
|
||
</entry>
|
||
<entry name=":single-button" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to buttons and track pieces. Applies when both buttons are displayed separately at either end of the scrollbar.</desc>
|
||
</entry>
|
||
<entry name=":start" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to buttons and track pieces. Indicates whether the object is placed before the thumb.</desc>
|
||
</entry>
|
||
<entry name=":target" version="3.0" browsers="E,C,FF1,IE9,O9.5,S1" ref="http://www.w3.org/TR/css3-selectors/#root-pseudo" syntax="h2:target { background-color: yellow; }">
|
||
<desc>Some URIs refer to a location within a resource. This kind of URI ends with a 'number sign' (#) followed by an anchor identifier (called the fragment identifier).</desc>
|
||
</entry>
|
||
<entry name=":user-invalid" version="4.0" browsers="none" ref="http://www.w3.org/TR/selectors4/#user-pseudos" syntax="input:user-invalid { outline: 2px solid red; }">
|
||
<desc>Represents an input element with incorrect input, but only after the user has significantly interacted with it.</desc>
|
||
</entry>
|
||
<entry name=":valid" version="4.0" browsers="E,C,FF4,IE10,O10,S5" ref="http://www.w3.org/TR/selectors4/#validity-pseudos" syntax="input:valid { border-color: green; }">
|
||
<desc>An element is :valid or :invalid when it is, respectively, valid or invalid with respect to data validity semantics defined by a different specification.</desc>
|
||
</entry>
|
||
<entry name=":verso" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-logical-props/#valdef-logical-page-selector-verso" syntax="@page :verso { margin-inline-end: 4cm; }">
|
||
<desc>Equivalent to ':left' in left-to-right page progressions and ':right' in right-to-left page progressions.</desc>
|
||
</entry>
|
||
<entry name=":vertical" version="3.0" browsers="C,S5" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to any scrollbar pieces that have a vertical orientation.</desc>
|
||
</entry>
|
||
<entry name=":visited" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-selectors/#the-link-pseudo-classes-link-and-visited" syntax="a:visited { color: purple; }">
|
||
<desc>Applies once the link has been visited by the user.</desc>
|
||
</entry>
|
||
<entry name=":-webkit-any()" version="3.0" browsers="C,S5">
|
||
<desc>Represents an element that is represented by the selector list passed as its argument. Standardized as :matches().</desc>
|
||
</entry>
|
||
<entry name=":-webkit-full-screen" version="3.0" browsers="C,S6">
|
||
<desc>Matches any element that has its fullscreen flag set. Standardized as :fullscreen.</desc>
|
||
</entry>
|
||
<entry name=":window-inactive" version="3.0" browsers="C,S3" ref="https://webkit.org/blog/363/styling-scrollbars/">
|
||
<desc>Non-standard. Applies to all scrollbar pieces. Indicates whether or not the window containing the scrollbar is currently active.</desc>
|
||
</entry>
|
||
</pseudoClasses>
|
||
<pseudoElements>
|
||
<entry name="::after" version="3.0" browsers="E,C,FF1.5,IE9,O9,S4" ref="http://www.w3.org/TR/css-pseudo-4/#selectordef-after" syntax="div::after { content: 'abc'; }">
|
||
<desc>Represents a styleable child pseudo-element immediately after the originating element’s actual content.</desc>
|
||
</entry>
|
||
<entry name="::backdrop" version="3.0" browsers="E" ref="https://fullscreen.spec.whatwg.org/#::backdrop-pseudo-element" syntax="*|*:fullscreen::backdrop { position: fixed; }">
|
||
<desc>Used to create a backdrop that hides the underlying document for an element in a top layer (such as an element that is displayed fullscreen).</desc>
|
||
</entry>
|
||
<entry name="::before" version="3.0" browsers="E,C,FF1.5,IE9,O9,S4" ref="http://www.w3.org/TR/css-pseudo-4/#selectordef-before" syntax="div::before { content: 'abc'; }">
|
||
<desc>Represents a styleable child pseudo-element immediately before the originating element’s actual content.</desc>
|
||
</entry>
|
||
<entry name="::content" version="3.0" browsers="C35,O22" ref="http://www.w3.org/TR/css-scoping-1/#selectordef-content" syntax="::content > span { color: yellow; }">
|
||
<desc>Deprecated. Matches the distribution list itself, on elements that have one. Use ::slotted for forward compatibility.</desc>
|
||
</entry>
|
||
<entry name="::cue" version="3.0" browsers="C,O16,S6" ref="https://w3c.github.io/webvtt/#the-cue-pseudo-element" syntax="::cue { color: red; }" />
|
||
<entry name="::cue()" version="3.0" browsers="C,O16,S6" ref="https://w3c.github.io/webvtt/#selectordef-cue-selector" syntax="::cue(v(voice=woman)) { color: red; }" />
|
||
<entry name="::cue-region" version="3.0" browsers="C,O16,S6" ref="https://w3c.github.io/webvtt/#the-cue-region-pseudo-element" syntax="::cue-region { border: none; }" />
|
||
<entry name="::cue-region()" version="3.0" browsers="C,O16,S6" ref="https://w3c.github.io/webvtt/#the-cue-region-pseudo-element" syntax="::cue-region(v(voice=woman)) { color: red; }" />
|
||
<entry name="::first-letter" version="3.0" browsers="E,C,FF1.5,IE9,O7,S1" ref="http://www.w3.org/TR/css-pseudo-4/#first-letter-pseudo" syntax="p::first-letter { font-size: 200%; }">
|
||
<desc>Represents the first letter of an element, if it is not preceded by any other content (such as images or inline tables) on its line.</desc>
|
||
</entry>
|
||
<entry name="::first-line" version="3.0" browsers="E,C,FF1.5,IE9,O7,S1" ref="http://www.w3.org/TR/css-pseudo-4/#selectordef-first-line" syntax="p::first-line { color: green; }">
|
||
<desc>Describes the contents of the first formatted line of its originating element.</desc>
|
||
</entry>
|
||
<entry name="::grammar-error" version="4.0" browsers="none" ref="http://www.w3.org/TR/css-pseudo-4/#selectordef-grammar-error" syntax="::grammar-error { text-decoration: dotted underline green; }">
|
||
<desc>Represents a portion of text that has been flagged by the user agent as misspelled.</desc>
|
||
</entry>
|
||
<entry name="::marker" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-lists/#selectordef-marker" syntax="li::marker { content: counter(counter); }">
|
||
<desc>Generated by list items to represent the item’s marker.</desc>
|
||
</entry>
|
||
<entry name="::-moz-focus-inner" version="3.0" browsers="FF4" />
|
||
<entry name="::-moz-focus-outer" version="3.0" browsers="FF4" />
|
||
<entry name="::-moz-list-bullet" version="3.0" browsers="FF1">
|
||
<desc>Used to style the bullet of a list element. Similar to the standardized ::marker.</desc>
|
||
</entry>
|
||
<entry name="::-moz-list-number" version="3.0" browsers="FF1">
|
||
<desc>Used to style the numbers of a list element. Similar to the standardized ::marker.</desc>
|
||
</entry>
|
||
<entry name="::-moz-placeholder" version="3.0" browsers="FF19">
|
||
<desc>Represents placeholder text in an input field</desc>
|
||
</entry>
|
||
<entry name="::-moz-progress-bar" version="3.0" browsers="FF9">
|
||
<desc>Represents the bar portion of a progress bar.</desc>
|
||
</entry>
|
||
<entry name="::-moz-selection" version="3.0" browsers="FF1">
|
||
<desc>Represents the portion of a document that has been highlighted by the user.</desc>
|
||
</entry>
|
||
<entry name="::-ms-backdrop" version="3.0" browsers="IE11" ref="https://fullscreen.spec.whatwg.org/#::backdrop-pseudo-element" syntax="*|*:-ms-fullscreen::-ms-backdrop { position: fixed; }">
|
||
<desc>Used to create a backdrop that hides the underlying document for an element in a top layer (such as an element that is displayed fullscreen).</desc>
|
||
</entry>
|
||
<entry name="::-ms-browse" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh779844.aspx">
|
||
<desc>Represents the browse button of an input type=file control.</desc>
|
||
</entry>
|
||
<entry name="::-ms-check" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465739.aspx">
|
||
<desc>Represents the check of a checkbox or radio button input control.</desc>
|
||
</entry>
|
||
<entry name="::-ms-clear" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx">
|
||
<desc>Represents the clear button of a text input control</desc>
|
||
</entry>
|
||
<entry name="::-ms-expand" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465742.aspx">
|
||
<desc>Represents the drop-down button of a select control.</desc>
|
||
</entry>
|
||
<entry name="::-ms-fill" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465757.aspx">
|
||
<desc>Represents the bar portion of a progress bar.</desc>
|
||
</entry>
|
||
<entry name="::-ms-fill-lower" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465745.aspx">
|
||
<desc>Represents the portion of the slider track from its smallest value up to the value currently selected by the thumb. In a left-to-right layout, this is the portion of the slider track to the left of the thumb.</desc>
|
||
</entry>
|
||
<entry name="::-ms-fill-upper" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465748.aspx">
|
||
<desc>Represents the portion of the slider track from the value currently selected by the thumb up to the slider's largest value. In a left-to-right layout, this is the portion of the slider track to the right of the thumb.</desc>
|
||
</entry>
|
||
<entry name="::-ms-reveal" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx">
|
||
<desc>Represents the password reveal button of an input type=password control.</desc>
|
||
</entry>
|
||
<entry name="::-ms-thumb" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465780.aspx">
|
||
<desc>Represents the portion of range input control (also known as a slider control) that the user drags.</desc>
|
||
</entry>
|
||
<entry name="::-ms-ticks-after" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465789.aspx">
|
||
<desc>Represents the tick marks of a slider that begin just after the thumb and continue up to the slider's largest value. In a left-to-right layout, these are the ticks to the right of the thumb.</desc>
|
||
</entry>
|
||
<entry name="::-ms-ticks-before" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465796.aspx">
|
||
<desc>Represents the tick marks of a slider that represent its smallest values up to the value currently selected by the thumb. In a left-to-right layout, these are the ticks to the left of the thumb.</desc>
|
||
</entry>
|
||
<entry name="::-ms-tooltip" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465805.aspx">
|
||
<desc>Represents the tooltip of a slider (input type=range).</desc>
|
||
</entry>
|
||
<entry name="::-ms-track" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465813.aspx">
|
||
<desc>Represents the track of a slider.</desc>
|
||
</entry>
|
||
<entry name="::-ms-value" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh465820.aspx">
|
||
<desc>Represents the content of a text or password input control, or a select control.</desc>
|
||
</entry>
|
||
<entry name="::placeholder" version="4.0" browsers="none" ref="http://www.w3.org/TR/css-pseudo-4/#selectordef-placeholder" syntax="input::placeholder { color: grey; }">
|
||
<desc>Represents placeholder text in an input field</desc>
|
||
</entry>
|
||
<entry name="::selection" version="4.0" browsers="E,C,IE9,O9.5,S1.1" ref="http://www.w3.org/TR/css-pseudo-4/#selectordef-selection" syntax="p::selection { color: red; }">
|
||
<desc>Represents the portion of a document that has been highlighted by the user.</desc>
|
||
</entry>
|
||
<entry name="::region" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-scoping-1/#the-region-pseudo-element" syntax="::region p { margin-right: 5em; }">
|
||
<desc>Represents a relationship between a selector that matches a CSS Region, and a relative selector that matches some named flow content.</desc>
|
||
</entry>
|
||
<entry name="::shadow" version="3.0" browsers="C35,O22" ref="http://www.w3.org/TR/css-scoping-1/#shadow-pseudoelement" syntax="x-foo::shadow > span { color: red; }">
|
||
<desc>Matches the shadow root if an element has a shadow tree.</desc>
|
||
</entry>
|
||
<entry name="::slotted" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-scoping-1/#selectordef-slotted" syntax="::slotted > span { color: yellow; }">
|
||
<desc>Matches the distribution list itself, on elements that have one.</desc>
|
||
</entry>
|
||
<entry name="::spelling-error" version="4.0" browsers="none" ref="http://www.w3.org/TR/css-pseudo-4/#selectordef-spelling-error" syntax="::spelling-error { text-decoration: dotted underline red; }">
|
||
<desc>Represents a portion of text that has been flagged by the user agent as misspelled.</desc>
|
||
</entry>
|
||
<entry name="::-webkit-file-upload-button" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-inner-spin-button" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-input-placeholder" version="3.0" browsers="C,S4" />
|
||
<entry name="::-webkit-keygen-select" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-meter-bar" version="3.0" browsers="E13,C,O15,S6" />
|
||
<entry name="::-webkit-meter-even-less-good-value" version="3.0" browsers="E13,C,O15,S6" />
|
||
<entry name="::-webkit-meter-optimum-value" version="3.0" browsers="E13,C,O15,S6" />
|
||
<entry name="::-webkit-meter-suboptimal-value" version="3.0" browsers="E13,C,O15,S6" />
|
||
<entry name="::-webkit-ouer-spin-button" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-progress-bar" version="3.0" browsers="C,S3" />
|
||
<entry name="::-webkit-progress-inner-element" version="3.0" browsers="C,S3" />
|
||
<entry name="::-webkit-progress-value" version="3.0" browsers="C,S3" />
|
||
<entry name="::-webkit-resizer" version="3.0" browsers="C,S5" />
|
||
<entry name="::-webkit-scrollbar" version="3.0" browsers="C,S5" />
|
||
<entry name="::-webkit-scrollbar-button" version="3.0" browsers="C,S5" />
|
||
<entry name="::-webkit-scrollbar-corner" version="3.0" browsers="C,S5" />
|
||
<entry name="::-webkit-scrollbar-thumb" version="3.0" browsers="C,S5" />
|
||
<entry name="::-webkit-scrollbar-track" version="3.0" browsers="C,S5" />
|
||
<entry name="::-webkit-scrollbar-track-piece" version="3.0" browsers="C,S5" />
|
||
<entry name="::-webkit-search-cancel-button" version="3.0" browsers="C,S4" />
|
||
<entry name="::-webkit-search-decoration" version="3.0" browsers="C,S4" />
|
||
<entry name="::-webkit-search-results-button" version="3.0" browsers="C,S4" />
|
||
<entry name="::-webkit-search-results-decoration" version="3.0" browsers="C,S4" />
|
||
<entry name="::-webkit-slider-runnable-track" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-slider-thumb" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-textfield-decoration-container" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-validation-bubble" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-validation-bubble-arrow" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-validation-bubble-arrow-clipper" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-validation-bubble-heading" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-validation-bubble-message" version="3.0" browsers="C,O,S6" />
|
||
<entry name="::-webkit-validation-bubble-text-block" version="3.0" browsers="C,O,S6" />
|
||
</pseudoElements>
|
||
<properties>
|
||
<entry name="additive-symbols" restriction="integer, string, image, identifier" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-additive-symbols" syntax="@counter-style { additive-symbols: 1 I; }">
|
||
<desc>Specifies the symbols used by the marker-construction algorithm specified by the system descriptor. Needs to be specified if the counter system is 'additive'.</desc>
|
||
</entry>
|
||
<entry name="align-content" restriction="enum" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#align-content" syntax="p { $(name): flex-start; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Lines are packed toward the center of the flex container.</desc>
|
||
</value>
|
||
<value name="flex-end" version="3.0" browsers="all">
|
||
<desc>Lines are packed toward the end of the flex container.</desc>
|
||
</value>
|
||
<value name="flex-start" version="3.0" browsers="all">
|
||
<desc>Lines are packed toward the start of the flex container.</desc>
|
||
</value>
|
||
<value name="space-around" version="3.0" browsers="all">
|
||
<desc>Lines are evenly distributed in the flex container, with half-size spaces on either end.</desc>
|
||
</value>
|
||
<value name="space-between" version="3.0" browsers="all">
|
||
<desc>Lines are evenly distributed in the flex container.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>Lines stretch to take up the remaining space.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="align-items" restriction="enum" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#align-items" syntax="p { $(name): flex-start; }">
|
||
<desc>Aligns flex items along the cross axis of the current line of the flex container.</desc>
|
||
<values>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The flex item’s margin box is centered in the cross axis within the line.</desc>
|
||
</value>
|
||
<value name="flex-end" version="3.0" browsers="all">
|
||
<desc>The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.</desc>
|
||
</value>
|
||
<value name="flex-start" version="3.0" browsers="all">
|
||
<desc>The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="alignment-baseline" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-inline/#propdef-alignment-baseline" syntax="img { $(name): middle; }">
|
||
<desc>Specifies what point of an inline-level box is aligned to what point in the parent.</desc>
|
||
<values>
|
||
<value name="alphabetic" version="3.0" browsers="all">
|
||
<desc>Match the box’s alphabetic baseline to that of its parent.</desc>
|
||
</value>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<desc>Use the dominant baseline choice of the parent. Match the box’s corresponding baseline to that of its parent.</desc>
|
||
</value>
|
||
<value name="bottom" version="3.0" browsers="all">
|
||
<desc>Align the bottom of the aligned subtree with the bottom of the line box.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Align the center of the aligned subtree with the center of the line box.</desc>
|
||
</value>
|
||
<value name="central" version="3.0" browsers="all">
|
||
<desc>Match the box’s central baseline to the central baseline of its parent.</desc>
|
||
</value>
|
||
<value name="mathematical" version="3.0" browsers="all">
|
||
<desc>Match the box’s mathematical baseline to that of its parent.</desc>
|
||
</value>
|
||
<value name="middle" version="3.0" browsers="all">
|
||
<desc>Align the vertical midpoint of the box with the baseline of the parent box plus half the x-height of the parent.</desc>
|
||
</value>
|
||
<value name="text-bottom" version="3.0" browsers="all">
|
||
<desc>Match the bottom of the box to the bottom of the parent’s content area.</desc>
|
||
</value>
|
||
<value name="text-top" version="3.0" browsers="all">
|
||
<desc>Match the top of the box to the top of the parent’s content area.</desc>
|
||
</value>
|
||
<value name="top" version="3.0" browsers="all">
|
||
<desc>Align the top of the aligned subtree with the top of the line box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="align-self" restriction="enum" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#align-items" syntax="p { $(name): flex-start; }">
|
||
<desc>Allows the default alignment along the cross axis to be overridden for individual flex items.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The flex item’s margin box is centered in the cross axis within the line.</desc>
|
||
</value>
|
||
<value name="flex-end" version="3.0" browsers="all">
|
||
<desc>The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.</desc>
|
||
</value>
|
||
<value name="flex-start" version="3.0" browsers="all">
|
||
<desc>The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="all" restriction="enum" version="3.0" browsers="C37,FF27,O24" ref="http://www.w3.org/TR/css-cascade-3/#all-shorthand" syntax="* { $(name): unset; }">
|
||
<desc>Shorthand that resets all properties except 'direction' and 'unicode-bidi'.</desc>
|
||
<values>
|
||
<value name="revert" version="4.0" browsers="none">
|
||
<desc>Behavior depends on the origin to which the declaration belongs.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="alt" restriction="string, enum" version="3.0" browsers="S9" ref="https://drafts.csswg.org/css-content-3/#propdef-alt" syntax="label::before { $(name): 'alt text'; }">
|
||
<desc>Provides alternative text for assistive technology to replace the genenerated content of a ::before or ::after element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="none" />
|
||
</values>
|
||
</entry>
|
||
<entry name="animation" restriction="time, enum, identifier, number" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation" syntax="div { $(name): movearound 4s ease 3 normal; }">
|
||
<desc>Shorthand property combines six of the animation properties into a single property.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="backwards" version="3.0" browsers="all">
|
||
<desc>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'.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Both forwards and backwards fill modes are applied.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="forwards" version="3.0" browsers="all">
|
||
<desc>The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.</desc>
|
||
</value>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="animation-composition" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-animations-2/#propdef-animation-composition" syntax="div { $(name): add; }">
|
||
<desc>Defines the composite operation used when multiple animations affect the same property simultaneously.</desc>
|
||
<values>
|
||
<value name="accumulate" version="4.0" browsers="all" />
|
||
<value name="add" version="4.0" browsers="all" />
|
||
<value name="replace" version="4.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="animation-delay" restriction="time" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation-delay" syntax="div { $(name): 4s; }">
|
||
<desc>Defines when the animation will start.</desc>
|
||
</entry>
|
||
<entry name="animation-direction" restriction="enum" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation-direction" syntax="div { $(name): normal; }">
|
||
<desc>Defines whether or not the animation should play in reverse on alternate cycles.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="animation-duration" restriction="time" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation-duration" syntax="div { $(name): 4s; }">
|
||
<desc>Defines the length of time that an animation takes to complete one cycle.</desc>
|
||
</entry>
|
||
<entry name="animation-fill-mode" restriction="enum" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation-fill-mode-property" syntax="div { $(name): forwards; }">
|
||
<desc>Defines what values are applied by the animation outside the time it is executing.</desc>
|
||
<values>
|
||
<value name="backwards" version="3.0" browsers="all">
|
||
<desc>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'.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Both forwards and backwards fill modes are applied.</desc>
|
||
</value>
|
||
<value name="forwards" version="3.0" browsers="all">
|
||
<desc>The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="animation-iteration-count" restriction="number, enum" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation-iteration-count" syntax="div { $(name): 3; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="animation-name" restriction="identifier, enum" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#the-animation-name-property-" syntax="div { $(name): movearound; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="animation-play-state" restriction="enum" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation-play-state" syntax="div { $(name): running; }">
|
||
<desc>Defines whether the animation is running or paused.</desc>
|
||
<values>
|
||
<value name="paused" version="3.0" browsers="all">
|
||
<desc>A running animation will be paused.</desc>
|
||
</value>
|
||
<value name="running" version="3.0" browsers="all">
|
||
<desc>Resume playback of a paused animation.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="animation-timing-function" restriction="enum" version="3.0" browsers="E,C43,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-animations/#animation-timing-function" syntax="div { $(name): ease; }">
|
||
<desc>Describes how the animation will progress over one cycle of its duration.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="backdrop-filter" restriction="enum, url" version="4.0" browsers="none" ref="https://drafts.fxtf.org/filters-2/#propdef-backdrop-filter" syntax="div { $(name): blur(2px); }">
|
||
<desc>Applies a filter effect where the first filter in the list takes the element's background image as the input image.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No filter effects are applied.</desc>
|
||
</value>
|
||
<value name="blur()" version="3.0" browsers="all">
|
||
<desc>Applies a Gaussian blur to the input image.</desc>
|
||
</value>
|
||
<value name="brightness()" version="3.0" browsers="all">
|
||
<desc>Applies a linear multiplier to input image, making it appear more or less bright.</desc>
|
||
</value>
|
||
<value name="contrast()" version="3.0" browsers="all">
|
||
<desc>Adjusts the contrast of the input.</desc>
|
||
</value>
|
||
<value name="drop-shadow()" version="3.0" browsers="all">
|
||
<desc>Applies a drop shadow effect to the input image.</desc>
|
||
</value>
|
||
<value name="grayscale()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to grayscale.</desc>
|
||
</value>
|
||
<value name="hue-rotate()" version="3.0" browsers="all">
|
||
<desc>Applies a hue rotation on the input image. </desc>
|
||
</value>
|
||
<value name="invert()" version="3.0" browsers="all">
|
||
<desc>Inverts the samples in the input image.</desc>
|
||
</value>
|
||
<value name="opacity()" version="3.0" browsers="all">
|
||
<desc>Applies transparency to the samples in the input image.</desc>
|
||
</value>
|
||
<value name="saturate()" version="3.0" browsers="all">
|
||
<desc>Saturates the input image.</desc>
|
||
</value>
|
||
<value name="sepia()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to sepia.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>A filter reference to a <filter> element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="backface-visibility" restriction="enum" version="3.0" browsers="E,C36,FF16,IE10,O23" ref="http://www.w3.org/TR/css3-transforms/#backface-visibility-property" syntax="div { $(name): hidden; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="hidden" version="3.0" browsers="all">
|
||
<desc>Back side is hidden.</desc>
|
||
</value>
|
||
<value name="visible" version="3.0" browsers="all">
|
||
<desc>Back side is visible.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="background" restriction="enum, image, color, position, length, repeat, percentage, box" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#background" syntax="section { $(name): url(image.png) no-repeat #999; }">
|
||
<desc>Shorthand property for setting most background properties at the same place in the style sheet.</desc>
|
||
<values>
|
||
<value name="fixed" version="1.0" browsers="all">
|
||
<desc>The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page.</desc>
|
||
</value>
|
||
<value name="local" version="3.0" browsers="all">
|
||
<desc>The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents.</desc>
|
||
</value>
|
||
<value name="none" version="1.0" browsers="all">
|
||
<desc>A value of 'none' counts as an image layer but draws nothing.</desc>
|
||
</value>
|
||
<value name="scroll" version="1.0" browsers="all">
|
||
<desc>The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element's border.)</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="background-attachment" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#the-background-attachment" syntax=".box { $(name): fixed; }">
|
||
<desc>Specifies whether the background images are fixed with regard to the viewport ('fixed') or scroll along with the element ('scroll') or its contents ('local').</desc>
|
||
<values>
|
||
<value name="fixed" version="1.0" browsers="all">
|
||
<desc>The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page.</desc>
|
||
</value>
|
||
<value name="local" version="3.0" browsers="E,C,FF25,IE9,O11.5,S5">
|
||
<desc>The background is fixed with regard to the element’s contents: if the element has a scrolling mechanism, the background scrolls with the element’s contents.</desc>
|
||
</value>
|
||
<value name="scroll" version="1.0" browsers="all">
|
||
<desc>The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element’s border.)</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="background-blend-mode" restriction="enum" version="3.0" browsers="C35,FF30,O22,S7.1" ref="http://www.w3.org/TR/compositing-1/#propdef-background-blend-mode" syntax="div { $(name): saturation; }">
|
||
<desc>Defines the blending mode of each background layer.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Default attribute which specifies no blending</desc>
|
||
</value>
|
||
<value name="multiply" version="3.0" browsers="all">
|
||
<desc>The source color is multiplied by the destination color and replaces the destination.</desc>
|
||
</value>
|
||
<value name="screen" version="3.0" browsers="all">
|
||
<desc>Multiplies the complements of the backdrop and source color values, then complements the result.</desc>
|
||
</value>
|
||
<value name="overlay" version="3.0" browsers="all">
|
||
<desc>Multiplies or screens the colors, depending on the backdrop color value.</desc>
|
||
</value>
|
||
<value name="darken" version="3.0" browsers="all">
|
||
<desc>Selects the darker of the backdrop and source colors.</desc>
|
||
</value>
|
||
<value name="lighten" version="3.0" browsers="all">
|
||
<desc>Selects the lighter of the backdrop and source colors.</desc>
|
||
</value>
|
||
<value name="color-dodge" version="3.0" browsers="all">
|
||
<desc>Brightens the backdrop color to reflect the source color.</desc>
|
||
</value>
|
||
<value name="color-burn" version="3.0" browsers="all">
|
||
<desc>Darkens the backdrop color to reflect the source color.</desc>
|
||
</value>
|
||
<value name="hard-light" version="3.0" browsers="all">
|
||
<desc>Multiplies or screens the colors, depending on the source color value.</desc>
|
||
</value>
|
||
<value name="soft-light" version="3.0" browsers="all">
|
||
<desc>Darkens or lightens the colors, depending on the source color value.</desc>
|
||
</value>
|
||
<value name="difference" version="3.0" browsers="all">
|
||
<desc>Subtracts the darker of the two constituent colors from the lighter color..</desc>
|
||
</value>
|
||
<value name="exclusion" version="3.0" browsers="all">
|
||
<desc>Produces an effect similar to that of the Difference mode but lower in contrast.</desc>
|
||
</value>
|
||
<value name="hue" version="3.0" browsers="C35,FF30,O22">
|
||
<desc>Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.</desc>
|
||
</value>
|
||
<value name="saturation" version="3.0" browsers="C35,FF30,O22">
|
||
<desc>Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.</desc>
|
||
</value>
|
||
<value name="color" version="3.0" browsers="C35,FF30,O22">
|
||
<desc>Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.</desc>
|
||
</value>
|
||
<value name="luminosity" version="3.0" browsers="C35,FF30,O22">
|
||
<desc>Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="background-clip" restriction="box" version="3.0" browsers="E,C,FF4,IE9,O10.5,S3" ref="http://www.w3.org/TR/css3-background/#the-background-clip" syntax="header { $(name): border-box; }">
|
||
<desc>Determines the background painting area.</desc>
|
||
</entry>
|
||
<entry name="background-color" restriction="color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#the-background-color" syntax="body { $(name): white; }">
|
||
<desc>Sets the background color of an element.</desc>
|
||
</entry>
|
||
<entry name="background-image" restriction="image, enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#the-background-image" syntax="article { $(name): url(image.png); }">
|
||
<desc>Sets the background image(s) of an element.</desc>
|
||
<values>
|
||
<value name="none" version="1.0" browsers="all">
|
||
<desc>Counts as an image layer but draws nothing.</desc>
|
||
</value>
|
||
<value name="" version="1.0" browsers="none"/>
|
||
</values>
|
||
</entry>
|
||
<entry name="background-image-transform" restriction="enum" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-logical-props/#propdef-background-image-transform" syntax="div { $(name): logical; }">
|
||
<desc>Defines whether background images are transformed to match to the value of 'writing-mode' property, and whether 'background-size' widths and heights are logical or physical.</desc>
|
||
<values>
|
||
<value name="logical" version="3.0" browsers="all">
|
||
<desc>The values for the 'background-size' property are logical. The background images are transformed to match to the logical axis.</desc>
|
||
</value>
|
||
<value name="physical" version="3.0" browsers="all">
|
||
<desc>The values for the 'background-size' property are physical. The background images remain unchanged.</desc>
|
||
</value>
|
||
<value name="rotate" version="3.0" browsers="all">
|
||
<desc>Similar to logical, except that the inline direction is ignored.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="background-origin" restriction="box" version="3.0" browsers="E,C,FF4,IE9,O10.5,S3" ref="http://www.w3.org/TR/css3-background/#the-background-origin" syntax="header { $(name): border-box; }">
|
||
<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).</desc>
|
||
</entry>
|
||
<entry name="background-position" restriction="position, length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#the-background-position" syntax="div { $(name): left center}">
|
||
<desc>Specifies the initial position of the background image(s) (after any resizing) within their corresponding background positioning area.</desc>
|
||
</entry>
|
||
<entry name="background-position-x" restriction="length, percentage" version="4.0" browsers="E,IE6" ref="https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-x" syntax="body { $(name): center; }">
|
||
<desc>If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.</desc>
|
||
<values>
|
||
<value name="center" version="4.0" browsers="all">
|
||
<desc>Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is.</desc>
|
||
</value>
|
||
<value name="left" version="4.0" browsers="all">
|
||
<desc>Equivalent to '0%' for the horizontal position if one or two values are given, otherwise specifies the left edge as the origin for the next offset.</desc>
|
||
</value>
|
||
<value name="right" version="4.0" browsers="all">
|
||
<desc>Equivalent to '100%' for the horizontal position if one or two values are given, otherwise specifies the right edge as the origin for the next offset.</desc>
|
||
</value>
|
||
<value name="x-end" version="4.0" browsers="none" />
|
||
<value name="x-start" version="4.0" browsers="none" />
|
||
</values>
|
||
</entry>
|
||
<entry name="background-position-y" restriction="length, percentage" version="4.0" browsers="E,IE6" ref="https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-y" syntax="body { $(name): center; }">
|
||
<desc>If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.</desc>
|
||
<values>
|
||
<value name="bottom" version="4.0" browsers="all">
|
||
<desc>Equivalent to '100%' for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset.</desc>
|
||
</value>
|
||
<value name="center" version="4.0" browsers="all">
|
||
<desc>Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is.</desc>
|
||
</value>
|
||
<value name="top" version="4.0" browsers="all">
|
||
<desc>Equivalent to '0%' for the vertical position if one or two values are given, otherwise specifies the top edge as the origin for the next offset.</desc>
|
||
</value>
|
||
<value name="y-end" version="4.0" browsers="none" />
|
||
<value name="y-start" version="4.0" browsers="none" />
|
||
</values>
|
||
</entry>
|
||
<entry name="background-repeat" restriction="repeat" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#the-background-repeat" syntax="article { $(name): no-repeat; }">
|
||
<desc>Specifies how background images are tiled after they have been sized and positioned.</desc>
|
||
<values>
|
||
<value name="logical" version="3.0" browsers="none">
|
||
<desc>Double values are considered logical.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="background-size" restriction="length, percentage" version="3.0" browsers="E,C,FF4,IE9,O10,S4.1" ref="http://www.w3.org/TR/css3-background/#the-background-size" syntax="header { $(name): 20px; }">
|
||
<desc>Specifies the size of the background images.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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%.</desc>
|
||
</value>
|
||
<value name="contain" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="cover" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="baseline-shift" restriction="length, percentage, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-inline/#baseline-shift-property" syntax=".shift-up { $(name): super; }">
|
||
<desc>Specifies by how much the box is shifted up from its alignment point.</desc>
|
||
<values>
|
||
<value name="sub" version="3.0" browsers="all">
|
||
<desc>Lower by the offset appropriate for subscripts of the parent’s box.</desc>
|
||
</value>
|
||
<value name="super" version="3.0" browsers="all">
|
||
<desc>Raise by the offset appropriate for superscripts of the parent’s box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="behavior" restriction="url" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/ie/gg192966.aspx" syntax="div { $(name): url(http://example.com/png_fix.htc); }">
|
||
<desc>IE only. Used to extend behaviors of the browser.</desc>
|
||
</entry>
|
||
<entry name="block-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-block-size" syntax="header { $(name): 200px; }">
|
||
<desc>Logical 'width'. Mapping depends on the element’s 'writing-mode'.</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>Depends on the values of other properties.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border" restriction="length, line-width, line-style, color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#borders" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Shorthand property for setting border width, style, and color.</desc>
|
||
</entry>
|
||
<entry name="border-block-end" restriction="length, line-width, line-style, color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Logical 'border-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-block-start" restriction="length, line-width, line-style, color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Logical 'border-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-block-end-color" restriction="color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): red; }">
|
||
<desc>Logical 'border-bottom-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-block-start-color" restriction="color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): red; }">
|
||
<desc>Logical 'border-top-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-block-end-style" restriction="line-style" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): solid; }">
|
||
<desc>Logical 'border-bottom-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-block-start-style" restriction="lline-style" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): solid; }">
|
||
<desc>Logical 'border-top-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-block-end-width" restriction="length, line-width" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'border-bottom-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-block-start-width" restriction="length, line-width" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'border-top-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-bottom" restriction="length, line-width, line-style, color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#borders" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Shorthand property for setting border width, style and color.</desc>
|
||
</entry>
|
||
<entry name="border-bottom-color" restriction="color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-color" syntax="td { $(name): blue; }">
|
||
<desc>Sets the color of the bottom border.</desc>
|
||
</entry>
|
||
<entry name="border-bottom-left-radius" restriction="length, percentage" version="3.0" browsers="E,C,FF4,IE9,O10.5,S5" ref="http://www.w3.org/TR/css3-background/#border-radius" syntax="td { $(name): 4px; }">
|
||
<desc>Defines the radii of the bottom left outer border edge.</desc>
|
||
</entry>
|
||
<entry name="border-bottom-right-radius" restriction="length, percentage" version="3.0" browsers="E,C,FF4,IE9,O10.5,S5" ref="http://www.w3.org/TR/css3-background/#border-radius" syntax="td { $(name): 4px; }">
|
||
<desc>Defines the radii of the bottom right outer border edge.</desc>
|
||
</entry>
|
||
<entry name="border-bottom-style" restriction="line-style" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-style" syntax="td { $(name): solid; }">
|
||
<desc>Sets the style of the bottom border.</desc>
|
||
</entry>
|
||
<entry name="border-bottom-width" restriction="length, line-width" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-width" syntax="td { $(name): 2px; }">
|
||
<desc>Sets the thickness of the bottom border.</desc>
|
||
</entry>
|
||
<entry name="border-collapse" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/CSS2/tables.html#borders" syntax="table { $(name): collapse; }">
|
||
<desc>Selects a table's border model.</desc>
|
||
<values>
|
||
<value name="collapse" version="2.0" browsers="all">
|
||
<desc>Selects the collapsing borders model.</desc>
|
||
</value>
|
||
<value name="separate" version="2.0" browsers="all">
|
||
<desc>Selects the separated borders border model.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border-color" restriction="color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-color" syntax="td { $(name): blue; }">
|
||
<desc>The color of the border around all four edges of an element.</desc>
|
||
<values>
|
||
<value name="logical" version="3.0" browsers="none">
|
||
<desc>Indicates that the values map to the logical properties instead of the physical ones.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border-image" restriction="length, percentage, number, url, enum" version="3.0" browsers="E,C16,FF15,IE11,O15,S6" ref="http://www.w3.org/TR/css3-background/#border-image" syntax="td { $(name): url(border.png) 30 30 round;}">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>Causes the middle part of the border-image to be preserved.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="repeat" version="3.0" browsers="all">
|
||
<desc>The image is tiled (repeated) to fill the area.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="space" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The image is stretched to fill the area.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="border-image-outset" restriction="length, number" version="3.0" browsers="E,C16,FF15,IE11,O15,S6" ref="http://www.w3.org/TR/css3-background/#border-image-outset" syntax="div { $(name): 3px; }">
|
||
<desc>The values specify the amount by which the border image area extends beyond the border box on the top, right, bottom, and left sides respectively. If the fourth value is absent, it is the same as the second. If the third one is also absent, it is the same as the first. If the second one is also absent, it is the same as the first. Numbers represent multiples of the corresponding border-width.</desc>
|
||
</entry>
|
||
<entry name="border-image-repeat" restriction="enum" version="3.0" browsers="E,C16,FF15,IE11,O15,S6" ref="http://www.w3.org/TR/css3-background/#the-border-image-repeat" syntax="td { $(name): stretch; }">
|
||
<desc>Specifies how the images for the sides and the middle part of the border image are scaled and tiled. If the second keyword is absent, it is assumed to be the same as the first.</desc>
|
||
<values>
|
||
<value name="repeat" version="3.0" browsers="all">
|
||
<desc>The image is tiled (repeated) to fill the area.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="space" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The image is stretched to fill the area.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border-image-slice" restriction="number, percentage" version="3.0" browsers="E,C16,FF15,IE11,O15,S6" ref="http://www.w3.org/TR/css3-background/#border-image-slice" syntax="div { $(name): 10%; }">
|
||
<desc>Specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle.</desc>
|
||
<values>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>Causes the middle part of the border-image to be preserved.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border-image-source" restriction="url" version="3.0" browsers="E,C16,FF15,IE11,O15,S6" ref="http://www.w3.org/TR/css3-background/#the-border-image-source" syntax="aside { $(name): url(image.png); }">
|
||
<desc>Specifies an image to use instead of the border styles given by the 'border-style' properties and as an additional background layer for the element. If the value is 'none' or if the image cannot be displayed, the border styles will be used.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Use the border styles.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="border-image-transform" restriction="enum" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-logical-props/#propdef-border-image-transform" syntax="div { $(name): logical; }">
|
||
<desc>Defines whether border images are transformed to match to the value of 'writing-mode' property.</desc>
|
||
<values>
|
||
<value name="logical" version="3.0" browsers="all">
|
||
<desc>The values for the 'border-image' properties are logical. The border images are transformed to match to the logical axis.</desc>
|
||
</value>
|
||
<value name="physical" version="3.0" browsers="all">
|
||
<desc>The values for the 'border-image' properties are physical. The border images remain unchanged.</desc>
|
||
</value>
|
||
<value name="rotate" version="3.0" browsers="all">
|
||
<desc>Similar to 'logical', except that the inline direction is ignored.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border-image-width" restriction="length, percentage, number" version="3.0" browsers="E,C16,FF15,IE11,O15,S6" ref="http://www.w3.org/TR/css3-background/#border-image-slice" syntax=".album { $(name): 4px; }">
|
||
<desc>The four values of 'border-image-width' specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the top, right, bottom, and left sides of the area, respectively.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border-inline-end" restriction="length, line-width, line-style, color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Logical 'border-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-inline-start" restriction="length, line-width, line-style, color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Logical 'border-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-inline-end-color" restriction="color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): red; }">
|
||
<desc>Logical 'border-right-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-inline-start-color" restriction="color" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): red; }">
|
||
<desc>Logical 'border-left-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-inline-end-style" restriction="line-style" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): solid; }">
|
||
<desc>Logical 'border-right-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-inline-start-style" restriction="lline-style" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): solid; }">
|
||
<desc>Logical 'border-left-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-inline-end-width" restriction="length, line-width" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'border-right-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-inline-start-width" restriction="length, line-width" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'border-left-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="border-left" restriction="length, line-width, line-style, color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#borders" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Shorthand property for setting border width, style and color</desc>
|
||
</entry>
|
||
<entry name="border-left-color" restriction="color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-color" syntax="td { $(name): blue; }">
|
||
<desc>Sets the color of the left border.</desc>
|
||
</entry>
|
||
<entry name="border-left-style" restriction="line-style" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-style" syntax="td { $(name): solid; }">
|
||
<desc>Sets the style of the left border.</desc>
|
||
</entry>
|
||
<entry name="border-left-width" restriction="length, line-width" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-width" syntax="td { $(name): 2px; }">
|
||
<desc>Sets the thickness of the left border.</desc>
|
||
</entry>
|
||
<entry name="border-radius" restriction="length, percentage" version="3.0" browsers="E,C,FF4,IE9,O10.5,S5" ref="http://www.w3.org/TR/css3-background/#border-radius" syntax="td { $(name): 3px 4px; }">
|
||
<desc>Defines the radii of the outer border edge.</desc>
|
||
</entry>
|
||
<entry name="border-right" restriction="length, line-width, line-style, color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#borders" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Shorthand property for setting border width, style and color</desc>
|
||
</entry>
|
||
<entry name="border-right-color" restriction="color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-color" syntax="td { $(name): blue; }">
|
||
<desc>Sets the color of the right border.</desc>
|
||
</entry>
|
||
<entry name="border-right-style" restriction="line-style" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-style" syntax="td { $(name): solid; }">
|
||
<desc>Sets the style of the right border.</desc>
|
||
</entry>
|
||
<entry name="border-right-width" restriction="length, line-width" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-width" syntax="td { $(name): 2px; }">
|
||
<desc>Sets the thickness of the right border.</desc>
|
||
</entry>
|
||
<entry name="border-spacing" restriction="length" version="2.0" browsers="E,C,FF1,IE8,O7,S1.2" ref="http://www.w3.org/TR/CSS2/tables.html#borders" syntax="table { $(name): 10px 50px; }">
|
||
<desc>The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative.</desc>
|
||
</entry>
|
||
<entry name="border-style" restriction="line-style" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-style" syntax="td { $(name): solid; }">
|
||
<desc>The style of the border around edges of an element.</desc>
|
||
<values>
|
||
<value name="logical" version="3.0" browsers="none">
|
||
<desc>Indicates that the values map to the logical properties instead of the physical ones.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="border-top" restriction="length, line-width, line-style, color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#borders" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Shorthand property for setting border width, style and color</desc>
|
||
</entry>
|
||
<entry name="border-top-color" restriction="color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-color" syntax="td { $(name): blue; }">
|
||
<desc>Sets the color of the top border.</desc>
|
||
</entry>
|
||
<entry name="border-top-left-radius" restriction="length, percentage" version="3.0" browsers="E,C,FF4,IE9,O10.5,S5" ref="http://www.w3.org/TR/css3-background/#border-radius" syntax="td { $(name): 4px; }">
|
||
<desc>Defines the radii of the top left outer border edge.</desc>
|
||
</entry>
|
||
<entry name="border-top-right-radius" restriction="length, percentage" version="3.0" browsers="E,C,FF4,IE9,O10.5,S5" ref="http://www.w3.org/TR/css3-background/#border-radius" syntax="td { $(name): 4px; }">
|
||
<desc>Defines the radii of the top right outer border edge.</desc>
|
||
</entry>
|
||
<entry name="border-top-style" restriction="line-style" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-style" syntax="td { $(name): solid; }">
|
||
<desc>Sets the style of the top border.</desc>
|
||
</entry>
|
||
<entry name="border-top-width" restriction="length, line-width" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-width" syntax="td { $(name): 2px; }">
|
||
<desc>Sets the thickness of the top border.</desc>
|
||
</entry>
|
||
<entry name="border-width" restriction="length, line-width" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-background/#border-width" syntax="td { $(name): 2px; }">
|
||
<desc>Shorthand that sets the four 'border-*-width' properties. If it has four values, they set top, right, bottom and left in that order. If left is missing, it is the same as right; if bottom is missing, it is the same as top; if right is missing, it is the same as top.</desc>
|
||
<values>
|
||
<value name="logical" version="3.0" browsers="none">
|
||
<desc>Indicates that the values map to the logical properties instead of the physical ones.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="bottom" restriction="length, percentage" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-positioning/#propdef-bottom" syntax="article { $(name): 50px; }">
|
||
<desc>Specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's 'containing block'.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="box-decoration-break" restriction="enum" version="3.0" browsers="FF32,O11" ref="http://www.w3.org/TR/css3-break/#break-decoration" syntax="div { $(name): clone; }">
|
||
<desc>Specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is individually wrapped with the border and padding.</desc>
|
||
<values>
|
||
<value name="clone" version="3.0" browsers="all">
|
||
<desc>Each box is independently wrapped with the border and padding.</desc>
|
||
</value>
|
||
<value name="slice" version="3.0" browsers="all">
|
||
<desc>The effect is as though the element were rendered with no breaks present, and then sliced by the breaks afterward.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="box-shadow" restriction="length, color, enum" version="3.0" browsers="E,C,FF4,IE9,O11.5,S5.1" ref="http://www.w3.org/TR/css3-background/#box-shadow" syntax="div { $(name): rgba(0,0,0,0.4) 10px 10px inset; }">
|
||
<desc>Attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional 'inset' keyword. Omitted lengths are 0; omitted colors are a user agent chosen color.</desc>
|
||
<values>
|
||
<value name="inset" version="3.0" browsers="all">
|
||
<desc>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).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No shadow.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="box-sizing" restriction="enum" version="3.0" browsers="E,C10,FF29,IE8,O8,S5.1" ref="http://www.w3.org/TR/css3-ui/#box-sizing" syntax="div { $(name): content-box; }">
|
||
<desc>Specifies the behavior of the 'width' and 'height' properties.</desc>
|
||
<values>
|
||
<value name="border-box" version="3.0" browsers="all">
|
||
<desc>The specified width and height (and respective min/max properties) on this element determine the border box of the element.</desc>
|
||
</value>
|
||
<value name="content-box" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="box-snap" restriction="enum" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-line-grid-1/#propdef-box-snap" syntax="div { $(name): center; }">
|
||
<desc>Specifies how the block is snapped to the baseline grid.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The block is not snapped to any grid.</desc>
|
||
</value>
|
||
<value name="block-start" version="3.0" browsers="all">
|
||
<desc>The block-start edge is snapped to the nearest grid line.</desc>
|
||
</value>
|
||
<value name="block-end" version="3.0" browsers="all">
|
||
<desc>The block-end edge is snapped to the nearest grid line.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The block is centered centered between one of the baseline grid’s text-over baselines and a subsequent (but not necessarily consecutive) text-under baseline.</desc>
|
||
</value>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<desc>The first line box’s dominant baseline is snapped to the nearest grid line.</desc>
|
||
</value>
|
||
<value name="last-baseline" version="3.0" browsers="all">
|
||
<desc>The last line box’s dominant baseline is snapped to the nearest grid line.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="box-suppress" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-display-3/#propdef-box-suppress" syntax="div { $(name): discard; }">
|
||
<desc>Toggles whether or not an element appears in the formatting tree without affecting its display type when it is displayed.</desc>
|
||
<values>
|
||
<value name="show" version="3.0" browsers="all">
|
||
<desc>The element generates boxes as normal, per its 'display-*' properties.</desc>
|
||
</value>
|
||
<value name="discard" version="3.0" browsers="all">
|
||
<desc>The element generates no boxes at all.</desc>
|
||
</value>
|
||
<value name="hide" version="3.0" browsers="all">
|
||
<desc>The element generates boxes as normal, but those boxes do not participate in layout in any way.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="break-after" restriction="enum" version="3.0" browsers="E,IE10,O11.5" ref="http://www.w3.org/TR/css3-break/#break-between" syntax="h2 { $(name): column; }">
|
||
<desc>Describes the page/column/region break behavior after the generated box.</desc>
|
||
<values>
|
||
<value name="always" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="none">
|
||
<desc>Avoid a region break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>Always force a column break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="page" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="region" version="3.0" browsers="none">
|
||
<desc>Always force a region break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
<value name="recto" version="3.0" browsers="none">
|
||
<desc>Forces a page break so that the next page is formatted as the right page in ltr langages or the left page for rtl.</desc>
|
||
</value>
|
||
<value name="verso" version="3.0" browsers="none">
|
||
<desc>Forces a page break so that the next page is formatted as the left page in ltr langages or the right page for rtl.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="break-before" restriction="enum" version="3.0" browsers="E,IE10,O11.5" ref="http://www.w3.org/TR/css3-break/#break-between" syntax="h2 { $(name): column; }">
|
||
<desc>Describes the page/column/region break behavior before the generated box.</desc>
|
||
<values>
|
||
<value name="always" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="none">
|
||
<desc>Avoid a region break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>Always force a column break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="page" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="region" version="3.0" browsers="none">
|
||
<desc>Always force a region break before/after the principal box.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
<value name="recto" version="3.0" browsers="none">
|
||
<desc>Forces a page break so that the next page is formatted as the right page in ltr langages or the left page for rtl.</desc>
|
||
</value>
|
||
<value name="verso" version="3.0" browsers="none">
|
||
<desc>Forces a page break so that the next page is formatted as the left page in ltr langages or the right page for rtl.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="break-inside" restriction="enum" version="3.0" browsers="E,IE10,O11.5" ref="http://www.w3.org/TR/css3-break/#break-within" syntax="h2 { $(name): avoid-column; }">
|
||
<desc>Describes the page/column/region break behavior inside the principal box.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Impose no additional breaking constraints within the box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid breaks within the box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break within the box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break within the box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="none">
|
||
<desc>Avoid a region break within the box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="caption-side" restriction="enum" version="2.0" browsers="E,C,FF,IE8,O,S" ref="http://www.w3.org/TR/CSS2/tables.html#caption-position" syntax="caption { $(name): bottom; }">
|
||
<desc>Specifies the position of the caption box with respect to the table box.</desc>
|
||
<values>
|
||
<value name="block-end" version="3.0" browsers="none">
|
||
<desc>Logical 'bottom'</desc>
|
||
</value>
|
||
<value name="block-start" version="3.0" browsers="none">
|
||
<desc>Logical 'top'</desc>
|
||
</value>
|
||
<value name="bottom" version="2.0" browsers="all">
|
||
<desc>Positions the caption box below the table box.</desc>
|
||
</value>
|
||
<value name="inline-end" version="3.0" browsers="none">
|
||
<desc>Logical 'right'</desc>
|
||
</value>
|
||
<value name="inline-start" version="3.0" browsers="none">
|
||
<desc>Logical 'left'</desc>
|
||
</value>
|
||
<value name="top" version="2.0" browsers="all">
|
||
<desc>Positions the caption box above the table box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="caret-color" restriction="color, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-ui/#propdef-caret-color" syntax="textarea { $(name): red; }">
|
||
<desc>Controls the color of the text insertion indicator.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>currentColor. User agents may automatically adjust the color of caret to ensure good visibility and contrast with the surrounding content.</desc>
|
||
</value>
|
||
<value name="" version="3.0" browsers="none"/>
|
||
</values>
|
||
</entry>
|
||
<entry name="clear" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/2006/WD-CSS21-20060411/visuren.html#propdef-clear" syntax="footer { $(name): both; }">
|
||
<desc>Indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts.</desc>
|
||
<values>
|
||
<value name="both" version="1.0" browsers="all">
|
||
<desc>The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document.</desc>
|
||
</value>
|
||
<value name="inline-end" version="3.0" browsers="none">
|
||
<desc>Logical 'right'</desc>
|
||
</value>
|
||
<value name="inline-start" version="3.0" browsers="none">
|
||
<desc>Logical 'left'</desc>
|
||
</value>
|
||
<value name="left" version="1.0" browsers="all">
|
||
<desc>The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document.</desc>
|
||
</value>
|
||
<value name="none" version="1.0" browsers="all">
|
||
<desc>No constraint on the box's position with respect to floats.</desc>
|
||
</value>
|
||
<value name="right" version="1.0" browsers="all">
|
||
<desc>The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="clip" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css-masking/#clip-property" syntax="span { $(name): rect(0px, 60px, 200px, 0px); }">
|
||
<desc>Deprecated. Use the 'clip-path' property when support allows. Defines the visible portion of an element’s box.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>The element does not clip.</desc>
|
||
</value>
|
||
<value name="rect()" version="2.0" browsers="all">
|
||
<desc>Specifies offsets from the edges of the border box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="clip-path" restriction="url, shape, geometry-box, enum" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css-masking/#the-clip-path">
|
||
<desc>Specifies a clipping path where everything inside the path is visable and everything outside is clipped out.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No clipping path gets created.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>References a <clipPath> element to create a clipping path.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="clip-rule" restriction="enum" version="3.0" browsers="E,C5,FF3,IE10,O9,S6" ref="http://www.w3.org/TR/css-masking-1/#the-clip-rule">
|
||
<desc>Indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape.</desc>
|
||
<values>
|
||
<value name="evenodd" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="nonzero" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="color" restriction="color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-color/#foreground" syntax="body { $(name): red; }">
|
||
<desc>Color of an element's text</desc>
|
||
</entry>
|
||
<entry name="color-adjust" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-color-4/#propdef-color-adjust" syntax="image { $(name): exact; }">
|
||
<desc>Provides a hint to the user-agent about how it should treat color and style choices that might be expensive or generally unwise on a given device.</desc>
|
||
<values>
|
||
<value name="economy" version="4.0" browsers="all">
|
||
<desc>The user agent should make adjustments to the page’s styling as it deems necessary and prudent for the output device.</desc>
|
||
</value>
|
||
<value name="exact" version="4.0" browsers="all">
|
||
<desc>Indicates that the page is using color and styling on the specified element in a way which is important and significant, and which should not be tweaked or changed except at the user’s request.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="color-interpolation" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/SVG2/painting.html#ColorInterpolationProperty">
|
||
<desc>Specifies the color space for gradient interpolations, color animations and alpha compositing.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Color operations are not required to occur in a particular color space.</desc>
|
||
</value>
|
||
<value name="linearRGB" version="3.0" browsers="all">
|
||
<desc>Color operations should occur in the linearized RGB color space.</desc>
|
||
</value>
|
||
<value name="sRGB" version="3.0" browsers="all">
|
||
<desc>Color operations should occur in the sRGB color space.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="color-interpolation-filters" restriction="enum" version="3.0" browsers="E,C5,FF3,IE10,O9,S6" ref="http://www.w3.org/TR/filter-effects/#ColorInterpolationFiltersProperty">
|
||
<desc>Specifies the color space for imaging operations performed via filter effects.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Color operations are not required to occur in a particular color space.</desc>
|
||
</value>
|
||
<value name="linearRGB" version="3.0" browsers="all">
|
||
<desc>Color operations should occur in the linearized RGB color space.</desc>
|
||
</value>
|
||
<value name="sRGB" version="3.0" browsers="all">
|
||
<desc>Color operations should occur in the sRGB color space.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="color-rendering" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/SVG2/painting.html#ColorRenderingProperty">
|
||
<desc>Provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="optimizeQuality" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent shall emphasize quality over rendering speed.</desc>
|
||
</value>
|
||
<value name="optimizeSpeed" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent shall emphasize rendering speed over quality.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="column-count" restriction="integer, enum" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#column-count" syntax="div { $(name): 3; }">
|
||
<desc>Describes the optimal number of columns into which the content of the element will be flowed.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Determines the number of columns by the 'column-width' property and the element width.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="column-fill" restriction="enum" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#filling-columns" syntax="article { $(name): balance; }">
|
||
<desc>In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Fills columns sequentially.</desc>
|
||
</value>
|
||
<value name="balance" version="3.0" browsers="all">
|
||
<desc>Balance content equally between columns, if possible.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="column-gap" restriction="length, enum" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#column-gap0" syntax="div { $(name): 10px; }">
|
||
<desc>Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>User agent specific and typically equivalent to 1em.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="column-rule" restriction="length, line-width, line-style, color" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#column-rule0" syntax="header { $(name): 5px solid red;}">
|
||
<desc>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.</desc>
|
||
</entry>
|
||
<entry name="column-rule-color" restriction="color" version="3.0" browsers="E,IE10,O11.6" ref="http://www.w3.org/TR/css3-multicol/#column-rule-color" syntax="div { $(name): #ff0; }">
|
||
<desc>Sets the color of the column rule</desc>
|
||
</entry>
|
||
<entry name="column-rule-style" restriction="line-style" version="3.0" browsers="E,IE10,O11.5,S6" ref="http://www.w3.org/TR/css3-multicol/#column-rule-style" syntax="div { $(name): solid; }">
|
||
<desc>Sets the style of the rule between columns of an element.</desc>
|
||
</entry>
|
||
<entry name="column-rule-width" restriction="length, line-width" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#column-rule-width" syntax="div { $(name): 3px; }">
|
||
<desc>Sets the width of the rule between columns. Negative values are not allowed.</desc>
|
||
</entry>
|
||
<entry name="columns" restriction="length, integer, enum" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#columns0" syntax="div { $(name): 100px 3; }">
|
||
<desc>A shorthand property which sets both 'column-width' and 'column-count'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The width depends on the values of other properties.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="column-span" restriction="enum" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#column-span0" syntax="article { $(name): all; }">
|
||
<desc>Describes the page/column break behavior after the generated box.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="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.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The element does not span multiple columns.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="column-width" restriction="length, enum" version="3.0" browsers="E,IE10,O11.5,S9" ref="http://www.w3.org/TR/css3-multicol/#column-width" syntax="div { $(name): 100px; }">
|
||
<desc>Describes the width of columns in multicol elements.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The width depends on the values of other properties.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="none">
|
||
<desc>Specifies the optimal column width as the fill-available inline size of the multi-column element.</desc>
|
||
</value>
|
||
<value name="fit-content" version="3.0" browsers="none">
|
||
<desc>Specifies the optimal column width as min(max-content inline size, max(min-content inline size, fill-available inline size)).</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="none">
|
||
<desc>Specifies the optimal column width as the max-content inline size of the multi-column element’s contents.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="none">
|
||
<desc>Specifies the optimal column width as the min-content inline size of the multi-column element’s contents.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="contain" restriction="enum" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-containment-3/#propdef-contain" syntax="div { $(name): strict; }">
|
||
<desc>Indicates that an element and its contents are, as much as possible, independent of the rest of the document tree.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Indicates that the property has no effect.</desc>
|
||
</value>
|
||
<value name="strict" version="3.0" browsers="all">
|
||
<desc>Turns on all forms of containment for the element.</desc>
|
||
</value>
|
||
<value name="layout" version="3.0" browsers="all">
|
||
<desc>Turns on layout containment for the element.</desc>
|
||
</value>
|
||
<value name="style" version="3.0" browsers="all">
|
||
<desc>Turns on style containment for the element.</desc>
|
||
</value>
|
||
<value name="paint" version="3.0" browsers="all">
|
||
<desc>Turns on paint containment for the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="content" restriction="string, url" version="2.0" browsers="E,C,FF1,IE8,O4,S1" ref="http://www.w3.org/TR/css3-content/#content" syntax="a:after { $(name): ' ( attr(href))';}">
|
||
<desc>Determines which page-based occurrence of a given element is applied to a counter or string value.</desc>
|
||
<values>
|
||
<value name="attr()" version="2.0" browsers="all">
|
||
<desc>The attr(n) function returns as a string the value of attribute n for the subject of the selector.</desc>
|
||
</value>
|
||
<value name="box" version="3.0" browsers="none">
|
||
<desc>A hollow square.</desc>
|
||
</value>
|
||
<value name="check" version="3.0" browsers="none">
|
||
<desc>A check mark.</desc>
|
||
</value>
|
||
<value name="circle" version="3.0" browsers="none">
|
||
<desc>A hollow circle.</desc>
|
||
</value>
|
||
<value name="close-quote" version="2.0" browsers="none">
|
||
<desc>Value is replaced by the appropriate string from the 'quotes' property.</desc>
|
||
</value>
|
||
<value name="contents" version="3.0" browsers="none">
|
||
<desc>Displays the element's descendents.</desc>
|
||
</value>
|
||
<value name="counter(name)" version="2.0" browsers="all">
|
||
<desc>Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).</desc>
|
||
</value>
|
||
<value name="counter(name, style)" version="2.0" browsers="none">
|
||
<desc>Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).</desc>
|
||
</value>
|
||
<value name="counters(name, string)" version="2.0" browsers="none">
|
||
<desc>Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).</desc>
|
||
</value>
|
||
<value name="counters(name, string, style)" version="2.0" browsers="none">
|
||
<desc>Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties).</desc>
|
||
</value>
|
||
<value name="date(format)" version="3.0" browsers="none">
|
||
<desc>Current date and/or time, formatted according to the specified formatting string. Format is based on POSIX date formatting strings.</desc>
|
||
</value>
|
||
<value name="diamond" version="3.0" browsers="none">
|
||
<desc>A filled diamond. On some platforms, this is similar to 'disc'.</desc>
|
||
</value>
|
||
<value name="disc" version="3.0" browsers="none">
|
||
<desc>A filled circle.</desc>
|
||
</value>
|
||
<value name="endnote" version="3.0" browsers="none">
|
||
<desc>Shorthand for 'counter(endnote, normal)'. This is intended to be used on the in-flow part of a endnote.</desc>
|
||
</value>
|
||
<value name="footnote" version="3.0" browsers="none">
|
||
<desc>Shorthand for 'counter(footnote, normal)'. This is intended to be used on the in-flow part of a footnote.</desc>
|
||
</value>
|
||
<value name="hyphen" version="3.0" browsers="none">
|
||
<desc>A hyphen bullet.</desc>
|
||
</value>
|
||
<value name="icon" version="2.0" browsers="all">
|
||
<desc>The (pseudo-)element is replaced in its entirety by the resource referenced by its 'icon' property, and treated as a replaced element.</desc>
|
||
</value>
|
||
<value name="inhibit" version="3.0" browsers="none">
|
||
<desc>On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements, this inhibits the creation of the pseudo-element, as if 'display' computed to 'none'.</desc>
|
||
</value>
|
||
<value name="list-item" version="3.0" browsers="none">
|
||
<desc>Shorthand for 'counter(list-item, normal)'. Note that this is not equivalent to 'normal' when set on a '::marker' pseudo-element that has a superior with 'display' set to 'list-item', as it ignores the 'list-style' properties.</desc>
|
||
</value>
|
||
<value name="no-close-quote" version="2.0" browsers="none">
|
||
<desc>Inserts nothing (as in 'none'), but increments (decrements) the level of nesting for quotes.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements it causes the pseudo-element to have no content.</desc>
|
||
</value>
|
||
<value name="no-open-quote" version="2.0" browsers="none">
|
||
<desc>Inserts nothing (as in 'none'), but increments (decrements) the level of nesting for quotes.</desc>
|
||
</value>
|
||
<value name="normal" version="2.0" browsers="all">
|
||
<desc>See http://www.w3.org/TR/css3-content/#content for computation rules.</desc>
|
||
</value>
|
||
<value name="open-quote" version="2.0" browsers="none">
|
||
<desc>Value is replaced by the appropriate string from the 'quotes' property.</desc>
|
||
</value>
|
||
<value name="pending()" version="2.0" browsers="none">
|
||
<desc>This causes all elements and pseudo-elements whose 'move-to' property computes to the specified identifier to be inserted as children of the current element (or pseudo-element).</desc>
|
||
</value>
|
||
<value name="section-note" version="3.0" browsers="none">
|
||
<desc>Shorthand for 'counter(section-note, normal)'. This is intended to be used on the in-flow part of a section-note.</desc>
|
||
</value>
|
||
<value name="square" version="3.0" browsers="none">
|
||
<desc>A filled square.</desc>
|
||
</value>
|
||
<value name="string(name)" version="2.0" browsers="none">
|
||
<desc>Specifies a string value</desc>
|
||
</value>
|
||
<value name="url()" version="2.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="counter-increment" restriction="identifier, integer" version="2.0" browsers="E,C,FF1.5,IE8,O10.5,S3" ref="http://www.w3.org/TR/css3-content/#counters" syntax="h1:before { $(name): section; }">
|
||
<desc>Counters are used with the 'counter()' and 'counters()' functions of the 'content' property.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>The counter is not modified.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="counter-reset" restriction="identifier, integer" version="2.0" browsers="E,C,FF1.5,IE8,O10.5,S3" ref="http://www.w3.org/TR/css3-content/#counters" syntax="h1 { $(name): section; }">
|
||
<desc>Property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>The counter is not modified.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="crop" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-content/#the-crop" syntax="<shape> | auto">
|
||
<desc>Allows a replaced element to be just a rectangular area of an object, instead of the whole object.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The element's computed intrinsic width and height are the same as its actual intrinsic width and height.</desc>
|
||
</value>
|
||
<value name="insert-rect(top, right, bottom, left)" version="3.0" browsers="all">
|
||
<desc>Each of the four arguments can be a <length> or a <percentage>. All percentage values are computed relative to the intrinsic dimensions of the element, if there is one. Values are offsets relative to the respective edges of the element.</desc>
|
||
</value>
|
||
<value name="rect(top, right, bottom, left)" version="3.0" browsers="all">
|
||
<desc>Each of the four arguments can be a <length> or a <percentage>. All percentage values are computed relative to the intrinsic dimensions of the element, if there is one. Values are offsets relative to the top left of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="cue" restriction="url, volume, enum" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#cue" syntax="h1 { $(name): url(ding.wav) -3dB url(dong.wav) -2dB;}">
|
||
<desc>Shorthand for setting 'cue-before' and 'cue-after'. If two values are given the first value is 'cue-before' and the second is 'cue-after'. If only one value is given, it applies to both properties.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>No auditory icon is specified.</desc>
|
||
</value>
|
||
<value name="url()" version="2.0" browsers="all">
|
||
<desc>Designates an auditory icon resource.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="cue-after" restriction="url, volume, enum" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#cue-after" syntax="h1 { $(name): url(dong.wav) -3dB;}">
|
||
<desc>Specifies an auditory icon (i.e. pre-recorded / pre-generated sound clips) to be played after the selected element within the aural box model.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>No auditory icon is specified.</desc>
|
||
</value>
|
||
<value name="url()" version="2.0" browsers="all">
|
||
<desc>Designates an auditory icon resource.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="cue-before" restriction="url, volume, enum" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#cue-before" syntax="h1 { $(name): url(ding.wav) -3dB;}">
|
||
<desc>Specifies an auditory icon (i.e. pre-recorded / pre-generated sound clips) to be played before the selected element within the aural box model.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>No auditory icon is specified.</desc>
|
||
</value>
|
||
<value name="url()" version="2.0" browsers="all">
|
||
<desc>Designates an auditory icon resource.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="cursor" restriction="url, number, enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-ui/#cursor0" syntax="nav { $(name): pointer; }">
|
||
<desc>Allows control over cursor appearance in an element</desc>
|
||
<values>
|
||
<value name="alias" version="3.0" browsers="all">
|
||
<desc>Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it.</desc>
|
||
</value>
|
||
<value name="all-scroll" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>The UA determines the cursor to display based on the current context.</desc>
|
||
</value>
|
||
<value name="cell" version="3.0" browsers="all">
|
||
<desc>Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle.</desc>
|
||
</value>
|
||
<value name="col-resize" version="3.0" browsers="all">
|
||
<desc>Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them.</desc>
|
||
</value>
|
||
<value name="context-menu" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="copy" version="3.0" browsers="all">
|
||
<desc>Indicates something is to be copied. Often rendered as an arrow with a small plus sign next to it.</desc>
|
||
</value>
|
||
<value name="crosshair" version="2.0" browsers="all">
|
||
<desc>A simple crosshair (e.g., short line segments resembling a '+' sign). Often used to indicate a two dimensional bitmap selection mode.</desc>
|
||
</value>
|
||
<value name="default" version="2.0" browsers="all">
|
||
<desc>The platform-dependent default cursor. Often rendered as an arrow.</desc>
|
||
</value>
|
||
<value name="e-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that east edge is to be moved.</desc>
|
||
</value>
|
||
<value name="ew-resize" version="3.0" browsers="all">
|
||
<desc>Indicates a bidirectional east-west resize cursor.</desc>
|
||
</value>
|
||
<value name="grab" version="3.0" browsers="FF27">
|
||
<desc>Indicates that something can be grabbed.</desc>
|
||
</value>
|
||
<value name="grabbing" version="3.0" browsers="FF27">
|
||
<desc>Indicates that something is being grabbed.</desc>
|
||
</value>
|
||
<value name="help" version="2.0" browsers="all">
|
||
<desc>Help is available for the object under the cursor. Often rendered as a question mark or a balloon.</desc>
|
||
</value>
|
||
<value name="move" version="2.0" browsers="all">
|
||
<desc>Indicates something is to be moved.</desc>
|
||
</value>
|
||
<value name="-moz-grab" version="3.0" browsers="FF1.5">
|
||
<desc>Indicates that something can be grabbed.</desc>
|
||
</value>
|
||
<value name="-moz-grabbing" version="3.0" browsers="FF1.5">
|
||
<desc>Indicates that something is being grabbed.</desc>
|
||
</value>
|
||
<value name="-moz-zoom-in" version="3.0" browsers="FF">
|
||
<desc>Indicates that something can be zoomed (magnified) in.</desc>
|
||
</value>
|
||
<value name="-moz-zoom-out" version="3.0" browsers="FF">
|
||
<desc>Indicates that something can be zoomed (magnified) out.</desc>
|
||
</value>
|
||
<value name="ne-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that movement starts from north-east corner.</desc>
|
||
</value>
|
||
<value name="nesw-resize" version="3.0" browsers="all">
|
||
<desc>Indicates a bidirectional north-east/south-west cursor.</desc>
|
||
</value>
|
||
<value name="no-drop" version="3.0" browsers="all">
|
||
<desc>Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No cursor is rendered for the element.</desc>
|
||
</value>
|
||
<value name="not-allowed" version="3.0" browsers="all">
|
||
<desc>Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it.</desc>
|
||
</value>
|
||
<value name="n-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that north edge is to be moved.</desc>
|
||
</value>
|
||
<value name="ns-resize" version="3.0" browsers="all">
|
||
<desc>Indicates a bidirectional north-south cursor.</desc>
|
||
</value>
|
||
<value name="nw-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that movement starts from north-west corner.</desc>
|
||
</value>
|
||
<value name="nwse-resize" version="3.0" browsers="all">
|
||
<desc>Indicates a bidirectional north-west/south-east cursor.</desc>
|
||
</value>
|
||
<value name="pointer" version="2.0" browsers="all">
|
||
<desc>The cursor is a pointer that indicates a link.</desc>
|
||
</value>
|
||
<value name="progress" version="2.1" browsers="all">
|
||
<desc>A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass.</desc>
|
||
</value>
|
||
<value name="row-resize" version="3.0" browsers="all">
|
||
<desc>Indicates that the item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them.</desc>
|
||
</value>
|
||
<value name="se-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that movement starts from south-east corner.</desc>
|
||
</value>
|
||
<value name="s-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that south edge is to be moved.</desc>
|
||
</value>
|
||
<value name="sw-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that movement starts from south-west corner.</desc>
|
||
</value>
|
||
<value name="text" version="2.0" browsers="all">
|
||
<desc>Indicates text that may be selected. Often rendered as a vertical I-beam.</desc>
|
||
</value>
|
||
<value name="vertical-text" version="3.0" browsers="all">
|
||
<desc>Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam.</desc>
|
||
</value>
|
||
<value name="wait" version="2.0" browsers="all">
|
||
<desc>Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass.</desc>
|
||
</value>
|
||
<value name="-webkit-grab" version="3.0" browsers="C,S4">
|
||
<desc>Indicates that something can be grabbed.</desc>
|
||
</value>
|
||
<value name="-webkit-grabbing" version="3.0" browsers="C,S4">
|
||
<desc>Indicates that something is being grabbed.</desc>
|
||
</value>
|
||
<value name="-webkit-zoom-in" version="2.0" browsers="C,S1.2">
|
||
<desc>Indicates that something can be zoomed (magnified) in.</desc>
|
||
</value>
|
||
<value name="-webkit-zoom-out" version="2.0" browsers="C,S1.2">
|
||
<desc>Indicates that something can be zoomed (magnified) out.</desc>
|
||
</value>
|
||
<value name="w-resize" version="2.0" browsers="all">
|
||
<desc>Indicates that west edge is to be moved.</desc>
|
||
</value>
|
||
<value name="zoom-in" version="3.0" browsers="E,C37,FF24,O12.1,S9">
|
||
<desc>Indicates that something can be zoomed (magnified) in.</desc>
|
||
</value>
|
||
<value name="zoom-out" version="3.0" browsers="E,C37,FF24,O12.1,S9">
|
||
<desc>Indicates that something can be zoomed (magnified) out.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="cx" restriction="length, percentage" version="4.0" browsers="none" ref="http://www.w3.org/TR/SVG2/geometry.html#CX" syntax="circle { $(name): 10%; }">
|
||
<desc>Describes the horizontal center coordinate of the position of the element.</desc>
|
||
</entry>
|
||
<entry name="cy" restriction="length, percentage" version="4.0" browsers="none" ref="http://www.w3.org/TR/SVG2/geometry.html#CY" syntax="circle { $(name): 10%; }">
|
||
<desc>Describes the vertical center coordinate of the position of the element.</desc>
|
||
</entry>
|
||
<entry name="direction" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css-writing-modes-3/#direction" syntax="div { $(name): rtl; }">
|
||
<desc>Specifies the inline base direction or directionality of any bidi paragraph, embedding, isolate, or override established by the box. Note: for HTML content use the 'dir' attribute and 'bdo' element rather than this property.</desc>
|
||
<values>
|
||
<value name="ltr" version="2.0" browsers="all">
|
||
<desc>Left-to-right direction.</desc>
|
||
</value>
|
||
<value name="rtl" version="2.0" browsers="all">
|
||
<desc>Right-to-left direction.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="display" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css-display-3/#propdef-display" syntax="p { $(name): inline; }">
|
||
<desc>In combination with 'float' and 'position', determines the type of box or boxes that are generated for an element.</desc>
|
||
<values>
|
||
<value name="block" version="2.0" browsers="all">
|
||
<desc>The element generates a block-level box</desc>
|
||
</value>
|
||
<value name="contents" version="3.0" browsers="none">
|
||
<desc>The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal.</desc>
|
||
</value>
|
||
<value name="flex" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9">
|
||
<desc>The element generates a principal flex container box and establishes a flex formatting context.</desc>
|
||
</value>
|
||
<value name="flexbox" version="1.0" browsers="O12.1">
|
||
<desc>The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.</desc>
|
||
</value>
|
||
<value name="flow" version="3.0" browsers="none">
|
||
<desc>The element lays out its contents using flow layout (block-and-inline layout).</desc>
|
||
</value>
|
||
<value name="flow-root" version="3.0" browsers="none">
|
||
<desc>The element generates a block container box, and lays out its contents using flow layout.</desc>
|
||
</value>
|
||
<value name="grid" version="3.0" browsers="none">
|
||
<desc>The element generates a principal grid container box, and establishes a grid formatting context.</desc>
|
||
</value>
|
||
<value name="inline" version="2.0" browsers="all">
|
||
<desc>The element generates an inline-level box.</desc>
|
||
</value>
|
||
<value name="inline-block" version="2.0" browsers="all">
|
||
<desc>A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box.</desc>
|
||
</value>
|
||
<value name="inline-flex" version="1.0" browsers="E,C29,FF22,IE11,O12.1,S9">
|
||
<desc>Inline-level flex container.</desc>
|
||
</value>
|
||
<value name="inline-flexbox" version="1.0" browsers="O12.1">
|
||
<desc>Inline-level flex container. Standardized as 'inline-flex'</desc>
|
||
</value>
|
||
<value name="inline-grid" version="3.0" browsers="none">
|
||
<desc>Inline-level grid container.</desc>
|
||
</value>
|
||
<value name="inline-table" version="2.0" browsers="all">
|
||
<desc>Inline-level table wrapper box containing table box.</desc>
|
||
</value>
|
||
<value name="list-item" version="2.0" browsers="all">
|
||
<desc>One or more block boxes and one marker box.</desc>
|
||
</value>
|
||
<value name="-moz-box" version="1.0" browsers="FF">
|
||
<desc>The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.</desc>
|
||
</value>
|
||
<value name="-moz-deck" version="1.0" browsers="FF" />
|
||
<value name="-moz-grid" version="1.0" browsers="FF" />
|
||
<value name="-moz-grid-group" version="1.0" browsers="FF" />
|
||
<value name="-moz-grid-line" version="1.0" browsers="FF" />
|
||
<value name="-moz-groupbox" version="1.0" browsers="FF" />
|
||
<value name="-moz-inline-box" version="1.0" browsers="FF">
|
||
<desc>Inline-level flex container. Standardized as 'inline-flex'</desc>
|
||
</value>
|
||
<value name="-moz-inline-grid" version="1.0" browsers="FF" />
|
||
<value name="-moz-inline-stack" version="1.0" browsers="FF" />
|
||
<value name="-moz-marker" version="1.0" browsers="FF" />
|
||
<value name="-moz-popup" version="1.0" browsers="FF" />
|
||
<value name="-moz-stack" version="1.0" browsers="FF" />
|
||
<value name="-ms-flexbox" version="1.0" browsers="IE10">
|
||
<desc>The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.</desc>
|
||
</value>
|
||
<value name="-ms-grid" version="3.0" browsers="E,IE10">
|
||
<desc>The element generates a principal grid container box, and establishes a grid formatting context.</desc>
|
||
</value>
|
||
<value name="-ms-inline-flexbox" version="1.0" browsers="IE10">
|
||
<desc>Inline-level flex container. Standardized as 'inline-flex'</desc>
|
||
</value>
|
||
<value name="-ms-inline-grid" version="3.0" browsers="E,IE10">
|
||
<desc>Inline-level grid container.</desc>
|
||
</value>
|
||
<value name="none" version="1.0" browsers="all">
|
||
<desc>The element and its descendants generates no boxes.</desc>
|
||
</value>
|
||
<value name="ruby" version="3.0" browsers="all">
|
||
<desc>The element generates a principal ruby container box, and establishes a ruby formatting context.</desc>
|
||
</value>
|
||
<value name="ruby-base" version="3.0" browsers="all" />
|
||
<value name="ruby-base-container" version="3.0" browsers="all" />
|
||
<value name="ruby-base-group" version="3.0" browsers="none" />
|
||
<value name="ruby-text" version="3.0" browsers="all" />
|
||
<value name="ruby-text-container" version="3.0" browsers="all" />
|
||
<value name="ruby-text-group" version="3.0" browsers="none" />
|
||
<value name="run-in" version="2.0" browsers="IE8">
|
||
<desc>The element generates a run-in box. Run-in elements act like inlines or blocks, depending on the surrounding elements.</desc>
|
||
</value>
|
||
<value name="table" version="2.0" browsers="all">
|
||
<desc>The element generates a principal table wrapper box containing an additionally-generated table box, and establishes a table formatting context.</desc>
|
||
</value>
|
||
<value name="table-caption" version="2.0" browsers="all" />
|
||
<value name="table-cell" version="2.0" browsers="all" />
|
||
<value name="table-column" version="2.0" browsers="all" />
|
||
<value name="table-column-group" version="2.0" browsers="all" />
|
||
<value name="table-footer-group" version="2.0" browsers="all" />
|
||
<value name="table-header-group" version="2.0" browsers="all" />
|
||
<value name="table-row" version="2.0" browsers="all" />
|
||
<value name="table-row-group" version="2.0" browsers="all" />
|
||
<value name="-webkit-box" version="1.0" browsers="C,S1">
|
||
<desc>The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'.</desc>
|
||
</value>
|
||
<value name="-webkit-flex" version="1.0" browsers="C21,O15,S6.1">
|
||
<desc>The element lays out its contents using flow layout (block-and-inline layout).</desc>
|
||
</value>
|
||
<value name="-webkit-inline-box" version="1.0" browsers="C,S1">
|
||
<desc>Inline-level flex container. Standardized as 'inline-flex'</desc>
|
||
</value>
|
||
<value name="-webkit-inline-flex" version="1.0" browsers="C21,O15,S6.1">
|
||
<desc>Inline-level flex container.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="dominant-baseline" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-inline/#propdef-dominant-baseline" syntax="span { $(name): alphabetic; }">
|
||
<desc>Specifies the dominant baseline, which is the baseline used to align the box’s text and inline-level contents.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Equivalent to 'alphabetic' in horizontal writing modes and in vertical writing modes when 'text-orientation' is 'sideways', 'sideways-right', or 'sideways-left'. equivalent to 'central' in vertical writing modes when 'text-orientation' is 'mixed' or 'upright'.</desc>
|
||
</value>
|
||
<value name="text-bottom" version="3.0" browsers="all">
|
||
<desc>Use the bottom of the em box as the baseline.</desc>
|
||
</value>
|
||
<value name="alphabetic" version="3.0" browsers="all">
|
||
<desc>Use the alphabetic baseline.</desc>
|
||
</value>
|
||
<value name="central" version="3.0" browsers="all">
|
||
<desc>Use the central baseline (halfway between the ascent and descent).</desc>
|
||
</value>
|
||
<value name="mathematical" version="3.0" browsers="all">
|
||
<desc>Use the mathematical baseline.</desc>
|
||
</value>
|
||
<value name="hanging" version="3.0" browsers="all">
|
||
<desc>Use the hanging baseline.</desc>
|
||
</value>
|
||
<value name="text-top" version="3.0" browsers="all">
|
||
<desc>Use the top of the em box as the baseline.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="empty-cells" restriction="enum" version="2.0" browsers="E,C,FF1,IE7,O4,S1.2" ref="http://www.w3.org/TR/CSS2/tables.html#empty-cells" syntax="table { $(name): hide; }">
|
||
<desc>In the separated borders model, this property controls the rendering of borders and backgrounds around cells that have no visible content.</desc>
|
||
<values>
|
||
<value name="hide" version="2.0" browsers="all">
|
||
<desc>No borders or backgrounds are drawn around/behind empty cells.</desc>
|
||
</value>
|
||
<value name="-moz-show-background" version="3.0" browsers="FF" />
|
||
<value name="show" version="2.0" browsers="all">
|
||
<desc>Borders and backgrounds are drawn around/behind empty cells (like normal cells).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="enable-background" restriction="integer, length, percentage, enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/filter-effects/#AccessBackgroundImage">
|
||
<desc>Deprecated. Use 'isolation' property instead when support allows. Specifies how the accumulation of the background image is managed.</desc>
|
||
<values>
|
||
<value name="accumulate" version="3.0" browsers="all">
|
||
<desc>If the ancestor container element has a property of new, then all graphics elements within the current container are rendered both on the parent's background image and onto the target.</desc>
|
||
</value>
|
||
<value name="new" version="3.0" browsers="all">
|
||
<desc>Create a new background image canvas. All children of the current container element can access the background, and they will be rendered onto both the parent's background image canvas in addition to the target device.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="fallback" restriction="identifier" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-fallback" syntax="@counter-style { fallback: upper-alpha; }">
|
||
<desc>Specifies a fallback counter style to be used when the current counter style can’t create a representation for a given counter value.</desc>
|
||
</entry>
|
||
<entry name="fill" restriction="color, enum, url" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#FillProperty">
|
||
<desc>Paints the interior of the given graphical element.</desc>
|
||
<values>
|
||
<value name="child" version="4.0" browsers="none">
|
||
<desc>A reference to the last child paint server element of the element being painted.</desc>
|
||
</value>
|
||
<value name="child()" version="4.0" browsers="none">
|
||
<desc>A reference to the nth child paint server element of the element being painted.</desc>
|
||
</value>
|
||
<value name="context-fill" version="4.0" browsers="none">
|
||
<desc>The computed value of the ‘fill’ property of the context element of the element being painted.</desc>
|
||
</value>
|
||
<value name="context-stroke" version="4.0" browsers="none">
|
||
<desc>The computed value of the ‘stroke’ property of the context element of the element being painted.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<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’.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No paint is applied in this layer.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="fill-opacity" restriction="number(0-1)" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#FillOpacity">
|
||
<desc>Specifies the opacity of the painting operation used to paint the interior the current object.</desc>
|
||
</entry>
|
||
<entry name="fill-rule" restriction="enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#WindingRule">
|
||
<desc>Indicates the algorithm (or winding rule) which is to be used to determine what parts of the canvas are included inside the shape.</desc>
|
||
<values>
|
||
<value name="evenodd" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="nonzero" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="filter" restriction="enum, url" version="3.0" browsers="E13,FF35" ref="http://www.w3.org/TR/filter-effects/#propdef-filter" syntax="div { $(name): opacity(50%); }">
|
||
<desc>Processes an element’s rendering before it is displayed in the document, by applying one or more filter effects.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No filter effects are applied.</desc>
|
||
</value>
|
||
<value name="blur()" version="3.0" browsers="all">
|
||
<desc>Applies a Gaussian blur to the input image.</desc>
|
||
</value>
|
||
<value name="brightness()" version="3.0" browsers="all">
|
||
<desc>Applies a linear multiplier to input image, making it appear more or less bright.</desc>
|
||
</value>
|
||
<value name="contrast()" version="3.0" browsers="all">
|
||
<desc>Adjusts the contrast of the input.</desc>
|
||
</value>
|
||
<value name="drop-shadow()" version="3.0" browsers="all">
|
||
<desc>Applies a drop shadow effect to the input image.</desc>
|
||
</value>
|
||
<value name="grayscale()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to grayscale.</desc>
|
||
</value>
|
||
<value name="hue-rotate()" version="3.0" browsers="all">
|
||
<desc>Applies a hue rotation on the input image. </desc>
|
||
</value>
|
||
<value name="invert()" version="3.0" browsers="all">
|
||
<desc>Inverts the samples in the input image.</desc>
|
||
</value>
|
||
<value name="opacity()" version="3.0" browsers="all">
|
||
<desc>Applies transparency to the samples in the input image.</desc>
|
||
</value>
|
||
<value name="saturate()" version="3.0" browsers="all">
|
||
<desc>Saturates the input image.</desc>
|
||
</value>
|
||
<value name="sepia()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to sepia.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="FF3.6">
|
||
<desc>A filter reference to a <filter> element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="flex" restriction="length, number, percentage" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#flex" syntax="p { $(name): 0 1 auto; }">
|
||
<desc>Specifies the components of a flexible length: the flex grow factor and flex shrink factor, and the flex basis.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Retrieves the value of the main size property as the used 'flex-basis'.</desc>
|
||
</value>
|
||
<value name="content" version="3.0" browsers="E,IE11">
|
||
<desc>Indicates automatic sizing, based on the flex item’s content.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Expands to '0 0 auto'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="flex-basis" restriction="length, number, percentage" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#flex-basis-propdef" syntax="p { $(name): 30%; }">
|
||
<desc>Sets the flex basis.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Retrieves the value of the main size property as the used 'flex-basis'.</desc>
|
||
</value>
|
||
<value name="content" version="3.0" browsers="E,IE11">
|
||
<desc>Indicates automatic sizing, based on the flex item’s content.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="flex-direction" restriction="enum" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#flex-direction" syntax="div { $(name): column; }">
|
||
<desc>Specifies how flex items are placed in the flex container, by setting the direction of the flex container’s main axis.</desc>
|
||
<values>
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the block axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="column-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'column', except the main-start and main-end directions are swapped.</desc>
|
||
</value>
|
||
<value name="row" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the inline axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="row-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'row', except the main-start and main-end directions are swapped.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="flex-flow" restriction="enum" version="3.0" browsers="E,C29,FF28,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#flex-flow" syntax="div { $(name): column wrap; }">
|
||
<desc>Specifies how flexbox items are placed in the flexbox.</desc>
|
||
<values>
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the block axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="column-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'column', except the main-start and main-end directions are swapped.</desc>
|
||
</value>
|
||
<value name="nowrap" version="3.0" browsers="all">
|
||
<desc>The flex container is single-line.</desc>
|
||
</value>
|
||
<value name="row" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the inline axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="row-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'row', except the main-start and main-end directions are swapped.</desc>
|
||
</value>
|
||
<value name="wrap" version="3.0" browsers="all">
|
||
<desc>The flexbox is multi-line.</desc>
|
||
</value>
|
||
<value name="wrap-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'wrap', except the cross-start and cross-end directions are swapped.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="flex-grow" restriction="number" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#flex-grow" syntax="p { $(name): 4; }">
|
||
<desc>Sets the flex grow factor. Negative numbers are invalid.</desc>
|
||
</entry>
|
||
<entry name="flex-shrink" restriction="number" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#flex-shrink" syntax="p { $(name): 4; }">
|
||
<desc>Sets the flex shrink factor. Negative numbers are invalid.</desc>
|
||
</entry>
|
||
<entry name="flex-wrap" restriction="enum" version="3.0" browsers="E,C29,FF28,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#flex-wrap" syntax="div { $(name): nowrap; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="nowrap" version="3.0" browsers="all">
|
||
<desc>The flex container is single-line.</desc>
|
||
</value>
|
||
<value name="wrap" version="3.0" browsers="all">
|
||
<desc>The flexbox is multi-line.</desc>
|
||
</value>
|
||
<value name="wrap-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'wrap', except the cross-start and cross-end directions are swapped.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="float" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" syntax="img { $(name): right; }">
|
||
<desc>Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned.</desc>
|
||
<values>
|
||
<value name="inline-end" version="3.0" browsers="none">
|
||
<desc>Logical 'right'</desc>
|
||
</value>
|
||
<value name="inline-start" version="3.0" browsers="none">
|
||
<desc>Logical 'left'</desc>
|
||
</value>
|
||
<value name="left" version="1.0" browsers="all">
|
||
<desc>The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property).</desc>
|
||
</value>
|
||
<value name="none" version="1.0" browsers="all">
|
||
<desc>The box is not floated.</desc>
|
||
</value>
|
||
<value name="right" version="1.0" browsers="all">
|
||
<desc>Similar to 'left', except the box is floated to the right, and content flows on the left side of the box, starting at the top.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="flood-color" restriction="color" version="3.0" browsers="E,C5,FF3,IE10,O9,S6" ref="http://www.w3.org/TR/filter-effects/#FloodColorProperty">
|
||
<desc>Indicates what color to use to flood the current filter primitive subregion.</desc>
|
||
</entry>
|
||
<entry name="flood-opacity" restriction="number(0-1), percentage" version="3.0" browsers="E,C5,FF3,IE10,O9,S6" ref="http://www.w3.org/TR/filter-effects/#FloodOpacityProperty">
|
||
<desc>Indicates what opacity to use to flood the current filter primitive subregion.</desc>
|
||
</entry>
|
||
<entry name="flow-from" restriction="identifier" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-regions/#flow-from" syntax="div { $(name): identifier; }">
|
||
<desc>Makes a block container a region and associates it with a named flow.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The block container is not a CSS Region.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="flow-into" restriction="identifier" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-regions/#flow-into" syntax="div { $(name): identifier; }">
|
||
<desc>Places an element or its contents into a named flow.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The element is not moved to a named flow and normal CSS processing takes place.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font" restriction="font" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#propdef-font" syntax="body { $(name): bold 12px arial, verdana; }">
|
||
<desc>Shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family', at the same place in the style sheet. The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts.</desc>
|
||
<values>
|
||
<value name="100" version="1.0" browsers="all">
|
||
<desc>Thin</desc>
|
||
</value>
|
||
<value name="200" version="1.0" browsers="all">
|
||
<desc>Extra Light (Ultra Light)</desc>
|
||
</value>
|
||
<value name="300" version="1.0" browsers="all">
|
||
<desc>Light</desc>
|
||
</value>
|
||
<value name="400" version="1.0" browsers="all">
|
||
<desc>Normal</desc>
|
||
</value>
|
||
<value name="500" version="1.0" browsers="all">
|
||
<desc>Medium</desc>
|
||
</value>
|
||
<value name="600" version="1.0" browsers="all">
|
||
<desc>Semi Bold (Demi Bold)</desc>
|
||
</value>
|
||
<value name="700" version="1.0" browsers="all">
|
||
<desc>Bold</desc>
|
||
</value>
|
||
<value name="800" version="1.0" browsers="all">
|
||
<desc>Extra Bold (Ultra Bold)</desc>
|
||
</value>
|
||
<value name="900" version="1.0" browsers="all">
|
||
<desc>Black (Heavy)</desc>
|
||
</value>
|
||
<value name="bold" version="1.0" browsers="all">
|
||
<desc>Same as 700</desc>
|
||
</value>
|
||
<value name="bolder" version="1.0" browsers="all">
|
||
<desc>Specifies the weight of the face bolder than the inherited value.</desc>
|
||
</value>
|
||
<value name="caption" version="3.0" browsers="all">
|
||
<desc>The font used for captioned controls (e.g., buttons, drop-downs, etc.).</desc>
|
||
</value>
|
||
<value name="icon" version="3.0" browsers="all">
|
||
<desc>The font used to label icons.</desc>
|
||
</value>
|
||
<value name="italic" version="1.0" browsers="all">
|
||
<desc>Selects a font that is labeled 'italic', or, if that is not available, one labeled 'oblique'.</desc>
|
||
</value>
|
||
<value name="large" version="1.0" browsers="all" />
|
||
<value name="larger" version="1.0" browsers="all" />
|
||
<value name="lighter" version="1.0" browsers="all">
|
||
<desc>Specifies the weight of the face lighter than the inherited value.</desc>
|
||
</value>
|
||
<value name="medium" version="1.0" browsers="all" />
|
||
<value name="menu" version="3.0" browsers="all">
|
||
<desc>The font used in menus (e.g., dropdown menus and menu lists).</desc>
|
||
</value>
|
||
<value name="message-box" version="3.0" browsers="all">
|
||
<desc>The font used in dialog boxes.</desc>
|
||
</value>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>Specifies a face that is not labeled as a small-caps font.</desc>
|
||
</value>
|
||
<value name="oblique" version="1.0" browsers="all">
|
||
<desc>Selects a font that is labeled 'oblique'.</desc>
|
||
</value>
|
||
<value name="small" version="1.0" browsers="all" />
|
||
<value name="small-caps" version="1.0" browsers="all">
|
||
<desc>Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font.</desc>
|
||
</value>
|
||
<value name="small-caption" version="3.0" browsers="all">
|
||
<desc>The font used for labeling small controls.</desc>
|
||
</value>
|
||
<value name="smaller" version="1.0" browsers="all" />
|
||
<value name="status-bar" version="3.0" browsers="all">
|
||
<desc>The font used in window status bars.</desc>
|
||
</value>
|
||
<value name="x-large" version="1.0" browsers="all" />
|
||
<value name="x-small" version="1.0" browsers="all" />
|
||
<value name="xx-large" version="1.0" browsers="all" />
|
||
<value name="xx-small" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="font-family" restriction="font" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#font-family0" syntax="body { $(name): arial, verdana; }">
|
||
<desc>Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered.</desc>
|
||
<values>
|
||
<value name="Arial, Helvetica, sans-serif" version="1.0" browsers="all" />
|
||
<value name="Cambria, Cochin, Georgia, Times, Times New Roman, serif" version="1.0" browsers="all" />
|
||
<value name="Courier New, Courier, monospace" version="1.0" browsers="all" />
|
||
<value name="cursive" version="1.0" browsers="all" />
|
||
<value name="fantasy" version="1.0" browsers="all" />
|
||
<value name="'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif" version="1.0" browsers="all" />
|
||
<value name="Georgia, 'Times New Roman', Times, serif" version="1.0" browsers="all" />
|
||
<value name="'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif" version="1.0" browsers="all" />
|
||
<value name="Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif" version="1.0" browsers="all" />
|
||
<value name="'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif" version="1.0" browsers="all" />
|
||
<value name="monospace" version="1.0" browsers="all" />
|
||
<value name="sans-serif" version="1.0" browsers="all" />
|
||
<value name="'Segoe UI', Tahoma, Geneva, Verdana, sans-serif" version="1.0" browsers="all" />
|
||
<value name="serif" version="1.0" browsers="all" />
|
||
<value name="'Times New Roman', Times, serif" version="1.0" browsers="all" />
|
||
<value name="'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif" version="1.0" browsers="all" />
|
||
<value name="Verdana, Geneva, Tahoma, sans-serif" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="font-feature-settings" restriction="string, integer" version="3.0" browsers="E,FF34,IE10" ref="http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings" syntax="body { $(name): 'hwid'; }">
|
||
<desc>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.</desc>
|
||
<values>
|
||
<value name=""c2cs"" version="3.0" browsers="all" />
|
||
<value name=""dlig"" version="3.0" browsers="all" />
|
||
<value name=""kern"" version="3.0" browsers="all" />
|
||
<value name=""liga"" version="3.0" browsers="all" />
|
||
<value name=""lnum"" version="3.0" browsers="all" />
|
||
<value name=""onum"" version="3.0" browsers="all" />
|
||
<value name=""smcp"" version="3.0" browsers="all" />
|
||
<value name=""swsh"" version="3.0" browsers="all" />
|
||
<value name=""tnum"" version="3.0" browsers="all" />
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>No change in glyph substitution or positioning occurs.</desc>
|
||
</value>
|
||
<value name="off" version="3.0" browsers="all" />
|
||
<value name="on" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="font-kerning" restriction="enum" version="3.0" browsers="C33,FF34,O20" ref="http://www.w3.org/TR/css3-fonts/#propdef-font-kerning" syntax="body { $(name): normal; }">
|
||
<desc>Kerning is the contextual adjustment of inter-glyph spacing. This property controls metric kerning, kerning that utilizes adjustment data contained in the font.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Specifies that kerning is applied at the discretion of the user agent.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Specifies that kerning is not applied.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Specifies that kerning is applied.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-language-override" restriction="string" version="3.0" browsers="FF34" ref="http://www.w3.org/TR/css3-fonts/#font-language-override-prop" syntax="body { $(name): 'SRB'; }">
|
||
<desc>The value of 'normal' implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-size" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#font-size-prop" syntax="div { $(name): 12px; }">
|
||
<desc>Indicates the desired height of glyphs from the font. For scalable fonts, the font-size is a scale factor applied to the EM unit of the font. (Note that certain glyphs may bleed outside their EM box.) For non-scalable fonts, the font-size is converted into absolute units and matched against the declared font-size of the font, using the same absolute coordinate space for both of the matched values.</desc>
|
||
<values>
|
||
<value name="large" version="1.0" browsers="all" />
|
||
<value name="larger" version="1.0" browsers="all" />
|
||
<value name="medium" version="1.0" browsers="all" />
|
||
<value name="small" version="1.0" browsers="all" />
|
||
<value name="smaller" version="1.0" browsers="all" />
|
||
<value name="x-large" version="1.0" browsers="all" />
|
||
<value name="x-small" version="1.0" browsers="all" />
|
||
<value name="xx-large" version="1.0" browsers="all" />
|
||
<value name="xx-small" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="font-size-adjust" restriction="number" version="3.0" browsers="E,FF3,IE10" ref="http://www.w3.org/TR/css3-fonts/#font-size-adjust" syntax="div { $(name): 0.58; }">
|
||
<desc>Preserves the readability of text when font fallback occurs by adjusting the font-size so that the x-height is the same irregardless of the font used.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Do not preserve the font’s x-height.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-stretch" restriction="enum" version="3.0" browsers="E,FF9,IE9" ref="http://www.w3.org/TR/css3-fonts/#font-stretch0" syntax="div { $(name): expanded; }">
|
||
<desc>Selects a normal, condensed, or expanded face from a font family.</desc>
|
||
<values>
|
||
<value name="condensed" version="3.0" browsers="all" />
|
||
<value name="expanded" version="3.0" browsers="all" />
|
||
<value name="extra-condensed" version="3.0" browsers="all" />
|
||
<value name="extra-expanded" version="3.0" browsers="all" />
|
||
<value name="narrower" version="3.0" browsers="E,IE10">
|
||
<desc>Indicates a narrower value relative to the width of the parent element.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all" />
|
||
<value name="semi-condensed" version="3.0" browsers="all" />
|
||
<value name="semi-expanded" version="3.0" browsers="all" />
|
||
<value name="ultra-condensed" version="3.0" browsers="all" />
|
||
<value name="ultra-expanded" version="3.0" browsers="all" />
|
||
<value name="wider" version="3.0" browsers="E,IE10">
|
||
<desc>Indicates a wider value relative to the width of the parent element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-style" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#font-style0" syntax="body { $(name): italic; }">
|
||
<desc>Allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face.</desc>
|
||
<values>
|
||
<value name="italic" version="1.0" browsers="all">
|
||
<desc>Selects a font that is labeled as an 'italic' face, or an 'oblique' face if one is not</desc>
|
||
</value>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>Selects a face that is classified as 'normal'.</desc>
|
||
</value>
|
||
<value name="oblique" version="1.0" browsers="all">
|
||
<desc>Selects a font that is labeled as an 'oblique' face, or an 'italic' face if one is not.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-synthesis" restriction="enum" version="3.0" browsers="FF34,S9" ref="http://www.w3.org/TR/css3-fonts/#propdef-font-synthesis" syntax="html:lang(ar) { $(name): none; }">
|
||
<desc>Controls whether user agents are allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Disallow all synthetic faces.</desc>
|
||
</value>
|
||
<value name="style" version="3.0" browsers="all">
|
||
<desc>Allow synthetic italic faces.</desc>
|
||
</value>
|
||
<value name="weight" version="3.0" browsers="all">
|
||
<desc>Allow synthetic bold faces.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-variant" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#font-variant-prop" syntax="div { $(name): small-caps; }">
|
||
<desc>Specifies variant representations of the font</desc>
|
||
<values>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>Specifies a face that is not labeled as a small-caps font.</desc>
|
||
</value>
|
||
<value name="small-caps" version="1.0" browsers="all">
|
||
<desc>Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-variant-alternates" restriction="enum" version="3.0" browsers="FF34" ref="http://www.w3.org/TR/css3-fonts/#propdef-font-variant-alternates" syntax="h2 { $(name): styleset(3,5); }">
|
||
<desc>For any given character, fonts can provide a variety of alternate glyphs in addition to the default glyph for that character. This property provides control over the selection of these alternate glyphs.</desc>
|
||
<values>
|
||
<value name="annotation()" version="3.0" browsers="all">
|
||
<desc>Enables display of alternate annotation forms.</desc>
|
||
</value>
|
||
<value name="character-variant()" version="3.0" browsers="all">
|
||
<desc>Enables display of specific character variants.</desc>
|
||
</value>
|
||
<value name="historical-forms" version="3.0" browsers="all">
|
||
<desc>Enables display of historical forms.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>None of the features are enabled.</desc>
|
||
</value>
|
||
<value name="ornaments()" version="3.0" browsers="all">
|
||
<desc>Enables replacement of default glyphs with ornaments, if provided in the font.</desc>
|
||
</value>
|
||
<value name="styleset()" version="3.0" browsers="all">
|
||
<desc>Enables display with stylistic sets.</desc>
|
||
</value>
|
||
<value name="stylistic()" version="3.0" browsers="all">
|
||
<desc>Enables display of stylistic alternates.</desc>
|
||
</value>
|
||
<value name="swash()" version="3.0" browsers="all">
|
||
<desc>Enables display of swash glyphs.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-variant-caps" restriction="enum" version="3.0" browsers="FF34" ref="http://www.w3.org/TR/css3-fonts/#font-variant-caps-prop" syntax="p { $(name): titling-caps; }">
|
||
<desc>Specifies control over capitalized forms.</desc>
|
||
<values>
|
||
<value name="all-petite-caps" version="3.0" browsers="all">
|
||
<desc>Enables display of petite capitals for both upper and lowercase letters.</desc>
|
||
</value>
|
||
<value name="all-small-caps" version="3.0" browsers="all">
|
||
<desc>Enables display of small capitals for both upper and lowercase letters.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>None of the features are enabled.</desc>
|
||
</value>
|
||
<value name="petite-caps" version="3.0" browsers="all">
|
||
<desc>Enables display of petite capitals.</desc>
|
||
</value>
|
||
<value name="small-caps" version="3.0" browsers="all">
|
||
<desc>Enables display of small capitals. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.</desc>
|
||
</value>
|
||
<value name="titling-caps" version="3.0" browsers="all">
|
||
<desc>Enables display of titling capitals.</desc>
|
||
</value>
|
||
<value name="unicase" version="3.0" browsers="all">
|
||
<desc>Enables display of mixture of small capitals for uppercase letters with normal lowercase letters.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-variant-east-asian" restriction="enum" version="3.0" browsers="FF34" ref="http://www.w3.org/TR/css3-fonts/#font-variant-east-asian-prop" syntax="mark { $(name): normal; }">
|
||
<desc>Allows control of glyph substitute and positioning in East Asian text.</desc>
|
||
<values>
|
||
<value name="full-width" version="3.0" browsers="all">
|
||
<desc>Enables rendering of full-width variants.</desc>
|
||
</value>
|
||
<value name="jis04" version="3.0" browsers="all">
|
||
<desc>Enables rendering of JIS04 forms.</desc>
|
||
</value>
|
||
<value name="jis78" version="3.0" browsers="all">
|
||
<desc>Enables rendering of JIS78 forms.</desc>
|
||
</value>
|
||
<value name="jis83" version="3.0" browsers="all">
|
||
<desc>Enables rendering of JIS83 forms.</desc>
|
||
</value>
|
||
<value name="jis90" version="3.0" browsers="all">
|
||
<desc>Enables rendering of JIS90 forms.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>None of the features are enabled.</desc>
|
||
</value>
|
||
<value name="proportional-width" version="3.0" browsers="all">
|
||
<desc>Enables rendering of proportionally-spaced variants.</desc>
|
||
</value>
|
||
<value name="ruby" version="3.0" browsers="all">
|
||
<desc>Enables display of ruby variant glyphs.</desc>
|
||
</value>
|
||
<value name="simplified" version="3.0" browsers="all">
|
||
<desc>Enables rendering of simplified forms.</desc>
|
||
</value>
|
||
<value name="traditional" version="3.0" browsers="all">
|
||
<desc>Enables rendering of traditional forms.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-variant-ligatures" restriction="enum" version="3.0" browsers="C18,FF34,O15,S6" ref="http://www.w3.org/TR/css3-fonts/#font-variant-ligatures-prop" syntax="div { $(name): historical-ligatures; }">
|
||
<desc>Specifies control over which ligatures are enabled or disabled. A value of ‘normal’ implies that the defaults set by the font are used.</desc>
|
||
<values>
|
||
<value name="additional-ligatures" version="3.0" browsers="all">
|
||
<desc>Enables display of additional ligatures.</desc>
|
||
</value>
|
||
<value name="common-ligatures" version="3.0" browsers="all">
|
||
<desc>Enables display of common ligatures.</desc>
|
||
</value>
|
||
<value name="contextual" version="3.0" browsers="C35,F34,O22">
|
||
<desc>Enables display of contextual alternates.</desc>
|
||
</value>
|
||
<value name="discretionary-ligatures" version="3.0" browsers="all">
|
||
<desc>Enables display of discretionary ligatures.</desc>
|
||
</value>
|
||
<value name="historical-ligatures" version="3.0" browsers="all">
|
||
<desc>Enables display of historical ligatures.</desc>
|
||
</value>
|
||
<value name="no-additional-ligatures" version="3.0" browsers="all">
|
||
<desc>Disables display of additional ligatures.</desc>
|
||
</value>
|
||
<value name="no-common-ligatures" version="3.0" browsers="all">
|
||
<desc>Disables display of common ligatures.</desc>
|
||
</value>
|
||
<value name="no-contextual" version="3.0" browsers="C35,F34,O22">
|
||
<desc>Disables display of contextual alternates.</desc>
|
||
</value>
|
||
<value name="no-discretionary-ligatures" version="3.0" browsers="all">
|
||
<desc>Disables display of discretionary ligatures.</desc>
|
||
</value>
|
||
<value name="no-historical-ligatures" version="3.0" browsers="all">
|
||
<desc>Disables display of historical ligatures.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="FF34">
|
||
<desc>Disables all ligatures.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Implies that the defaults set by the font are used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-variant-numeric" restriction="enum" version="3.0" browsers="FF34" ref="http://www.w3.org/TR/css3-fonts/#font-variant-numeric-prop" syntax=".amount { $(name): oldstyle-nums diagonal-fractions; }">
|
||
<desc>Specifies control over numerical forms.</desc>
|
||
<values>
|
||
<value name="diagonal-fractions" version="3.0" browsers="all">
|
||
<desc>Enables display of lining diagonal fractions.</desc>
|
||
</value>
|
||
<value name="lining-nums" version="3.0" browsers="all">
|
||
<desc>Enables display of lining numerals.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>None of the features are enabled.</desc>
|
||
</value>
|
||
<value name="oldstyle-nums" version="3.0" browsers="all">
|
||
<desc>Enables display of old-style numerals.</desc>
|
||
</value>
|
||
<value name="ordinal" version="3.0" browsers="all">
|
||
<desc>Enables display of letter forms used with ordinal numbers.</desc>
|
||
</value>
|
||
<value name="proportional-nums" version="3.0" browsers="all">
|
||
<desc>Enables display of proportional numerals.</desc>
|
||
</value>
|
||
<value name="slashed-zero" version="3.0" browsers="all">
|
||
<desc>Enables display of slashed zeros.</desc>
|
||
</value>
|
||
<value name="stacked-fractions" version="3.0" browsers="all">
|
||
<desc>Enables display of lining stacked fractions.</desc>
|
||
</value>
|
||
<value name="tabular-nums" version="3.0" browsers="all">
|
||
<desc>Enables display of tabular numerals.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-variant-position" restriction="enum" version="3.0" browsers="FF34" ref="http://www.w3.org/TR/css3-fonts/#propdef-font-variant-position" syntax="sub { $(name): subscript; }">
|
||
<desc>Specifies the vertical position</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>None of the features are enabled.</desc>
|
||
</value>
|
||
<value name="sub" version="3.0" browsers="all">
|
||
<desc>Enables display of subscript variants (OpenType feature: subs).</desc>
|
||
</value>
|
||
<value name="super" version="3.0" browsers="all">
|
||
<desc>Enables display of superscript variants (OpenType feature: sups).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="font-weight" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#font-weight-the-font-weight-property" syntax="th { $(name): bold; }">
|
||
<desc>Specifies weight of glyphs in the font, their degree of blackness or stroke thickness.</desc>
|
||
<values>
|
||
<value name="100" version="1.0" browsers="all">
|
||
<desc>Thin</desc>
|
||
</value>
|
||
<value name="200" version="1.0" browsers="all">
|
||
<desc>Extra Light (Ultra Light)</desc>
|
||
</value>
|
||
<value name="300" version="1.0" browsers="all">
|
||
<desc>Light</desc>
|
||
</value>
|
||
<value name="400" version="1.0" browsers="all">
|
||
<desc>Normal</desc>
|
||
</value>
|
||
<value name="500" version="1.0" browsers="all">
|
||
<desc>Medium</desc>
|
||
</value>
|
||
<value name="600" version="1.0" browsers="all">
|
||
<desc>Semi Bold (Demi Bold)</desc>
|
||
</value>
|
||
<value name="700" version="1.0" browsers="all">
|
||
<desc>Bold</desc>
|
||
</value>
|
||
<value name="800" version="1.0" browsers="all">
|
||
<desc>Extra Bold (Ultra Bold)</desc>
|
||
</value>
|
||
<value name="900" version="1.0" browsers="all">
|
||
<desc>Black (Heavy)</desc>
|
||
</value>
|
||
<value name="bold" version="1.0" browsers="all">
|
||
<desc>Same as 700</desc>
|
||
</value>
|
||
<value name="bolder" version="1.0" browsers="all">
|
||
<desc>Specifies the weight of the face bolder than the inherited value.</desc>
|
||
</value>
|
||
<value name="lighter" version="1.0" browsers="all">
|
||
<desc>Specifies the weight of the face lighter than the inherited value.</desc>
|
||
</value>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>Same as 400</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="glyph-orientation-horizontal" restriction="angle, number" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/text.html#GlyphOrientationHorizontal">
|
||
<desc>Controls glyph orientation when the inline-progression-direction is horizontal.</desc>
|
||
</entry>
|
||
<entry name="glyph-orientation-vertical" restriction="angle, number, enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/text.html#GlyphOrientationVertical">
|
||
<desc>Controls glyph orientation when the inline-progression-direction is vertical.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Sets the orientation based on the fullwidth or non-fullwidth characters and the most common orientation.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-area" restriction="identifier, integer" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-area" syntax="div { $(name): span 3; }">
|
||
<desc>Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. Shorthand for 'grid-row-start', 'grid-column-start', 'grid-row-end', and 'grid-column-end'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one.</desc>
|
||
</value>
|
||
<value name="span" version="3.0" browsers="all">
|
||
<desc>Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-auto-columns" restriction="length, percentage" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-columns" syntax="div { $(name): 100px; }">
|
||
<desc>Specifies the size of implicitly created columns.</desc>
|
||
<values>
|
||
<value name="min-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest min-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest max-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="minmax()" version="3.0" browsers="all">
|
||
<desc>Defines a size range greater than or equal to min and less than or equal to max.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-auto-flow" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-flow" syntax="div { $(name): column; }">
|
||
<desc>Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.</desc>
|
||
<values>
|
||
<value name="row" version="3.0" browsers="all">
|
||
<desc>The auto-placement algorithm places items by filling each row in turn, adding new rows as necessary.</desc>
|
||
</value>
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>The auto-placement algorithm places items by filling each column in turn, adding new columns as necessary.</desc>
|
||
</value>
|
||
<value name="dense" version="3.0" browsers="all">
|
||
<desc>If specified, the auto-placement algorithm uses a “dense” packing algorithm, which attempts to fill in holes earlier in the grid if smaller items come up later.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-auto-rows" restriction="length, percentage" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-auto-rows" syntax="div { $(name): 100px; }">
|
||
<desc>Specifies the size of implicitly created rows.</desc>
|
||
<values>
|
||
<value name="min-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest min-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest max-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="minmax()" version="3.0" browsers="all">
|
||
<desc>Defines a size range greater than or equal to min and less than or equal to max.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-column" restriction="identifier, integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-column" syntax="#item1 { $(name): span 2 / auto; }">
|
||
<desc>Shorthand for 'grid-column-start' and 'grid-column-end'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one.</desc>
|
||
</value>
|
||
<value name="span" version="3.0" browsers="all">
|
||
<desc>Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-column-end" restriction="identifier, integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-column-end" syntax="#item1 { $(name): span 2; }">
|
||
<desc>Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one.</desc>
|
||
</value>
|
||
<value name="span" version="3.0" browsers="all">
|
||
<desc>Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-column-gap" restriction="length" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-column-gap" syntax="#item1 { $(name): 2em; }">
|
||
<desc>Specifies the gutters between grid columns.</desc>
|
||
</entry>
|
||
<entry name="grid-column-start" restriction="identifier, integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-column-start" syntax="#item1 { $(name): span 2; }">
|
||
<desc>Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one.</desc>
|
||
</value>
|
||
<value name="span" version="3.0" browsers="all">
|
||
<desc>Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge.</desc>
|
||
</value>/>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-gap" restriction="length" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-gap" syntax="#item1 { $(name): 2em 1em; }">
|
||
<desc>Shorthand that specifies the gutters between grid columns and grid rows in one declaration.</desc>
|
||
</entry>
|
||
<entry name="grid-row" restriction="identifier, integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-row" syntax="#item1 { $(name): span 2 / auto; }">
|
||
<desc>Shorthand for 'grid-row-start' and 'grid-row-end'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one.</desc>
|
||
</value>
|
||
<value name="span" version="3.0" browsers="all">
|
||
<desc>Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-row-end" restriction="identifier, integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-row-end" syntax="#item1 { $(name): span 2; }">
|
||
<desc>Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one.</desc>
|
||
</value>
|
||
<value name="span" version="3.0" browsers="all">
|
||
<desc>Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-row-gap" restriction="length" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-row-gap" syntax="#item1 { $(name): 2em; }">
|
||
<desc>Specifies the gutters between grid rows.</desc>
|
||
</entry>
|
||
<entry name="grid-row-start" restriction="identifier, integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-row-start" syntax="#item1 { $(name): span 2; }">
|
||
<desc>Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one.</desc>
|
||
</value>
|
||
<value name="span" version="3.0" browsers="all">
|
||
<desc>Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-template" restriction="identifier, length, percentage, string, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-template" syntax="#item1 { $(name): auto 1fr auto / auto 1fr; }">
|
||
<desc>Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Sets all three properties to their initial values.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest min-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest max-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="subgrid" version="3.0" browsers="all">
|
||
<desc>Sets 'grid-template-rows' and 'grid-template-columns' to 'subgrid', and 'grid-template-areas' to its initial value.</desc>
|
||
</value>
|
||
<value name="minmax()" version="3.0" browsers="all">
|
||
<desc>Defines a size range greater than or equal to min and less than or equal to max.</desc>
|
||
</value>
|
||
<value name="repeat()" version="3.0" browsers="all">
|
||
<desc>Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-template-areas" restriction="string" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-template-areas" syntax="#item1 { $(name): 'head head' 'nav main' 'foot foot'; }">
|
||
<desc>Specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The grid container doesn’t define any named grid areas.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-template-columns" restriction="identifier, length, percentage, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-template-columns" syntax="#item1 { $(name): 100px 1fr max-content minmax(min-content, 1fr); }">
|
||
<desc>specifies, as a space-separated track list, the line names and track sizing functions of the grid.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>There is no explicit grid; any rows/columns will be implicitly generated.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest min-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest max-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="subgrid" version="3.0" browsers="all">
|
||
<desc>Indicates that the grid will align to its parent grid in that axis.</desc>
|
||
</value>
|
||
<value name="minmax()" version="3.0" browsers="all">
|
||
<desc>Defines a size range greater than or equal to min and less than or equal to max.</desc>
|
||
</value>
|
||
<value name="repeat()" version="3.0" browsers="all">
|
||
<desc>Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="grid-template-rows" restriction="identifier, length, percentage, string, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-grid-1/#propdef-grid-template-rows" syntax="#item1 { $(name): 100px 1fr max-content minmax(min-content, 1fr); }">
|
||
<desc>specifies, as a space-separated track list, the line names and track sizing functions of the grid.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>There is no explicit grid; any rows/columns will be implicitly generated.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest min-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="all">
|
||
<desc>Represents the largest max-content contribution of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.</desc>
|
||
</value>
|
||
<value name="subgrid" version="3.0" browsers="all">
|
||
<desc>Indicates that the grid will align to its parent grid in that axis.</desc>
|
||
</value>
|
||
<value name="minmax()" version="3.0" browsers="all">
|
||
<desc>Defines a size range greater than or equal to min and less than or equal to max.</desc>
|
||
</value>
|
||
<value name="repeat()" version="3.0" browsers="all">
|
||
<desc>Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="hanging-punctuation" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-text/#hanging-punctuation0" syntax="p { $(name): first; }">
|
||
<desc>Determines whether a punctuation mark, if one is present, may be placed outside the content area at the start or at the end of a full line of text.</desc>
|
||
<values>
|
||
<value name="allow-end" version="3.0" browsers="all">
|
||
<desc>A stop or comma at the end of a line hangs if it does not otherwise fit prior to justification.</desc>
|
||
</value>
|
||
<value name="first" version="3.0" browsers="all">
|
||
<desc>An opening bracket or quote at the start of the first formatted line of an element hangs.</desc>
|
||
</value>
|
||
<value name="force-end" version="3.0" browsers="all">
|
||
<desc>A stop or comma at the end of a line hangs.</desc>
|
||
</value>
|
||
<value name="last" version="3.0" browsers="all">
|
||
<desc>A closing bracket or quote at the end of the last formatted line of an element hangs.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No characters can hang.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="height" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#height" syntax="footer { $(name): 100px; }">
|
||
<desc>Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all">
|
||
<desc>The height depends on the values of other properties.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="none">
|
||
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="fit-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="hyphenate-character" restriction="string, enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-character" syntax="div { $(name):'~'; }">
|
||
<desc>Specifies strings that are shown between parts of hyphenated words.</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>The user agent should find an appropriate value, preferably from the same source as the hyphenation dictionary.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="hyphenate-limit-chars" restriction="integer, enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-chars" syntax="div { $(name): 5 2 2; }">
|
||
<desc>Specifies the minimum number of characters in a hyphenated word.</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>The user agent chooses a value that adapts to the current layout.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="hyphenate-limit-last" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-last" syntax="div { $(name): 2; }">
|
||
<desc>Indicates hyphenation behavior at the end of elements, column, pages and spreads.</desc>
|
||
<values>
|
||
<value name="none" version="4.0" browsers="all">
|
||
<desc>No restrictions imposed.</desc>
|
||
</value>
|
||
<value name="always" version="4.0" browsers="all">
|
||
<desc>The last full line of the element, or the last line before any column, page, or spread break inside the element should not be hyphenated.</desc>
|
||
</value>
|
||
<value name="column" version="4.0" browsers="all">
|
||
<desc>The last line before any column, page, or spread break inside the element should not be hyphenated.</desc>
|
||
</value>
|
||
<value name="page" version="4.0" browsers="all">
|
||
<desc>The last line before page or spread break inside the element should not be hyphenated.</desc>
|
||
</value>
|
||
<value name="spread" version="4.0" browsers="all">
|
||
<desc>The last line before any spread break inside the element should not be hyphenated.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="hyphenate-limit-lines" restriction="integer" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-lines" syntax="div { $(name): 2; }">
|
||
<desc>Indicates the maximum number of successive hyphenated lines in an element.</desc>
|
||
<values>
|
||
<value name="no-limit" version="4.0" browsers="all">
|
||
<desc>There is no limit.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="hyphenate-limit-zone" restriction="percentage, length" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-zone" syntax="div { $(name): 25%; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="hyphens" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-text-3/#hyphens-property" syntax="div { $(name): manual; }">
|
||
<desc>Controls whether hyphenation is allowed to create more break opportunities within a line of text.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.</desc>
|
||
</value>
|
||
<value name="manual" version="3.0" browsers="all">
|
||
<desc>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Words are not broken at line breaks, even if characters inside the word suggest line break points.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="image-orientation" restriction="angle" version="3.0" browsers="FF26" ref="http://www.w3.org/TR/css4-images/#image-orientation" syntax="img.ninety { $(name): 90deg; }">
|
||
<desc>Specifies an orthogonal rotation to be applied to an image before it is laid out.</desc>
|
||
<values>
|
||
<value name="flip" version="3.0" browsers="all">
|
||
<desc>After rotating by the precededing angle, the image is flipped horizontally. Defaults to 0deg if the angle is ommitted.</desc>
|
||
</value>
|
||
<value name="from-image" version="3.0" browsers="all">
|
||
<desc>If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="image-rendering" restriction="enum" version="3.0" browsers="C,FF3.6,O11.6,S" ref="https://drafts.csswg.org/css-images-3/#the-image-rendering">
|
||
<desc>Provides a hint to the user-agent about what aspects of an image are most important to preserve when the image is scaled, to aid the user-agent in the choice of an appropriate scaling algorithm.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The image should be scaled with an algorithm that maximizes the appearance of the image.</desc>
|
||
</value>
|
||
<value name="crisp-edges" version="3.0" browsers="all">
|
||
<desc>The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process.</desc>
|
||
</value>
|
||
<value name="-moz-crisp-edges" version="3.0" browsers="FF" />
|
||
<value name="optimizeQuality" version="3.0" browsers="all">
|
||
<desc>Deprecated.</desc>
|
||
</value>
|
||
<value name="optimizeSpeed" version="3.0" browsers="all">
|
||
<desc>Deprecated.</desc>
|
||
</value>
|
||
<value name="pixelated" version="3.0" browsers="all">
|
||
<desc>When scaling the image up, the 'nearest neighbor' or similar algorithm must be used, so that the image appears to be simply composed of very large pixels.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="image-resolution" restriction="resolution" version="3.0" browsers="none" ref="http://www.w3.org/TR/css4-images/#image-resolution" syntax="img.high-res { $(name): 300dpi; }">
|
||
<desc>Specifies the intrinsic resolution of all raster images used in or on the element.</desc>
|
||
<values>
|
||
<value name="from-image" version="3.0" browsers="all">
|
||
<desc>The image's intrinsic resolution is taken as that specified by the image format. If the image does not specify its own resolution, the explicitly specified resolution is used (if given), else it defaults to '1dppx'.</desc>
|
||
</value>
|
||
<value name="snap" version="3.0" browsers="all">
|
||
<desc>If the 'snap' keyword is provided, the computed resolution (if any) is the specified resolution rounded to the nearest value that would map one image pixel to an integer number of device pixels.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="ime-mode" restriction="enum" version="3.0" browsers="E,FF3,IE5" ref="http://www.w3.org/TR/css3-ui/#ime-mode" syntax="body { $(name): active; }">
|
||
<desc>Controls the state of the input method editor for text fields.</desc>
|
||
<values>
|
||
<value name="active" version="3.0" browsers="all">
|
||
<desc>The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>No change is made to the current input method editor state. This is the default.</desc>
|
||
</value>
|
||
<value name="disabled" version="3.0" browsers="all">
|
||
<desc>The input method editor is disabled and may not be activated by the user.</desc>
|
||
</value>
|
||
<value name="inactive" version="3.0" browsers="all">
|
||
<desc>The input method editor is initially inactive, but the user may activate it if they wish.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>The IME state should be normal; this value can be used in a user style sheet to override the page setting.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="initial-letter" restriction="number, integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-inline/#propdef-initial-letter" syntax="body { $(name): 3; }">
|
||
<desc>Specifies styling for dropped, raised, and sunken initial letters.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>No special initial-letter effect. Text behaves as normal.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="initial-letter-align" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-inline/#propdef-initial-letter-align" syntax="body { $(name): ideographic; }">
|
||
<desc>Specifies the alignment points used to size and position an initial letter.</desc>
|
||
<values>
|
||
<value name="alphabetic" version="3.0" browsers="all">
|
||
<desc>Use the alphabetic and cap-height baselines of the surrounding text to align the initial letter.</desc>
|
||
</value>
|
||
<value name="ideographic" version="3.0" browsers="all">
|
||
<desc>Use the ideographic character face bottom and top edge baselines of the surrounding text to align the initial letter.</desc>
|
||
</value>
|
||
<value name="hebrew" version="3.0" browsers="all">
|
||
<desc>Use the alphabetic and (as yet theoretical) hebrew hanging baseline of the surrounding text to align the initial letter.</desc>
|
||
</value>
|
||
<value name="hanging" version="3.0" browsers="all">
|
||
<desc>Use the alphabetic and hanging baselines of the surrounding text to align the initial letter.</desc>
|
||
</value>
|
||
<value name="border-box" version="3.0" browsers="all">
|
||
<desc>Uses the initial letter box’s line-over and line-under border edges as the over and under alignment points, respectively.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="initial-letter-wrap" restriction="length, percentage, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-inline/#propdef-initial-letter-wrap" syntax="body { $(name): first; }">
|
||
<desc>Specifies whether lines impacted by an initial letter are shortened to fit the rectangular shape of the initial letter box or follow the contour of its end-edge glyph outline.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No contour-fitting is performed: each impacted line is aligned flush to the end margin edge of the initial letter.</desc>
|
||
</value>
|
||
<value name="first" version="3.0" browsers="all">
|
||
<desc>Behaves as none if the first typographic character unit after the initial letter belongs to Unicode General Category Zs. Otherwise behaves as for all on the first line of the block containing the initial letter and as none on the rest.</desc>
|
||
</value>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>For each line of text impacted by the initial letter, the line box adjacent to the intial letter starts at the start-most point that touches the ink of the initial letter, plus the amount of the initial letter’s end-side border+padding+margin.</desc>
|
||
</value>
|
||
<value name="grid" version="3.0" browsers="all">
|
||
<desc>This value is the same as none, except that the exclusion area of the impacted lines is increased as necessary for its end-edge to land on the character grid. </desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="inline-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-inline-size" syntax="header { $(name): 200px; }">
|
||
<desc>Logical 'height'. Mapping depends on the element’s 'writing-mode'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Depends on the values of other properties.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="isolation" restriction="enum" version="3.0" browsers="C,FF,O,S" ref="http://www.w3.org/TR/compositing-1/#isolation" syntax="div { $(name): isolate; }">
|
||
<desc>In CSS setting to 'isolate' will turn the element into a stacking context. In SVG, it defines whether an element is isolated or not.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="isolate" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="justify-content" restriction="enum" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#align-content" syntax="p { $(name): flex-start; }">
|
||
<desc>Aligns flex items along the main axis of the current line of the flex container.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Flex items are packed toward the center of the line.</desc>
|
||
</value>
|
||
<value name="flex-end" version="3.0" browsers="all">
|
||
<desc>Flex items are packed toward the end of the line.</desc>
|
||
</value>
|
||
<value name="flex-start" version="3.0" browsers="all">
|
||
<desc>Flex items are packed toward the start of the line.</desc>
|
||
</value>
|
||
<value name="space-around" version="3.0" browsers="all">
|
||
<desc>Flex items are evenly distributed in the line, with half-size spaces on either end.</desc>
|
||
</value>
|
||
<value name="space-between" version="3.0" browsers="all">
|
||
<desc>Flex items are evenly distributed in the line.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="kerning" restriction="length, enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG11/text.html#KerningProperty">
|
||
<desc>Indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font or instead disable auto-kerning and set inter-character spacing to a specific length.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should adjust inter-glyph spacing based on kerning tables that are included in the font that will be used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="left" restriction="length, percentage" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-positioning/#propdef-left" syntax="article { $(name): 50px; }">
|
||
<desc>Specifies how far an absolutely positioned box's left margin edge is offset to the right of the left edge of the box's 'containing block'.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="letter-spacing" restriction="length" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-text/#letter-spacing0" syntax="h2 { $(name): 2px; }">
|
||
<desc>Specifies the minimum, maximum, and optimal spacing between grapheme clusters.</desc>
|
||
<values>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>The spacing is the normal spacing for the current font. It is typically zero-length.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="lighting-color" restriction="color" version="3.0" browsers="E,C5,FF3,IE10,O9,S6" ref="http://www.w3.org/TR/filter-effects/#LightingColorProperty">
|
||
<desc>Defines the color of the light source for filter primitives 'feDiffuseLighting' and 'feSpecularLighting'.</desc>
|
||
</entry>
|
||
<entry name="line-break" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-text/#line-break0" syntax="p { $(name): normal; }">
|
||
<desc>Specifies what set of line breaking restrictions are in effect within the element.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="loose" version="3.0" browsers="all">
|
||
<desc>Breaks text using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Breaks text using the most common set of line-breaking rules.</desc>
|
||
</value>
|
||
<value name="strict" version="3.0" browsers="all">
|
||
<desc>Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="line-grid" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-line-grid-1/#propdef-line-grid" syntax="div { $(name): create; }">
|
||
<desc>Specifies whether this box creates a new baseline grid for its descendants or uses the same baseline grid as its parent.</desc>
|
||
<values>
|
||
<value name="match-parent" version="3.0" browsers="all">
|
||
<desc>Box assumes the line grid of its parent if its writing mode is the same as its parent.</desc>
|
||
</value>
|
||
<value name="create" version="3.0" browsers="all">
|
||
<desc>Box creates a new line grid using its own font and line layout settings.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="line-height" restriction="number, length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-linebox/#line-height" syntax="#menu { $(name): 22px; }">
|
||
<desc>Determines the block-progression dimension of the text content area of an inline box.</desc>
|
||
<values>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>Tells user agents to set the computed value to a 'reasonable' value based on the font size of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="line-snap" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-line-grid-1/#propdef-line-snap" syntax="div { $(name): baseline; }">
|
||
<desc>Snaps line boxes contained by the element to the line grid specified by the 'line-grid' property.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Line boxes do not snap to the grid; they stack normally.</desc>
|
||
</value>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<desc>The dominant baseline snaps with the matching baseline on the line grid applying to the element.</desc>
|
||
</value>
|
||
<value name="contain" version="3.0" browsers="all">
|
||
<desc>Two baselines are used to align the line box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="list-style" restriction="enum, url" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-lists/#list-style" syntax="ul { $(name): square url('square.png');}">
|
||
<desc>Shorthand for setting 'list-style-type', 'list-style-position' and 'list-style-image'</desc>
|
||
<values>
|
||
<value name="armenian" version="1.0" browsers="all" />
|
||
<value name="circle" version="1.0" browsers="all">
|
||
<desc>A hollow circle.</desc>
|
||
</value>
|
||
<value name="decimal" version="1.0" browsers="all" />
|
||
<value name="decimal-leading-zero" version="1.0" browsers="all" />
|
||
<value name="disc" version="1.0" browsers="all">
|
||
<desc>A filled circle.</desc>
|
||
</value>
|
||
<value name="georgian" version="1.0" browsers="all" />
|
||
<value name="hanging" version="1.0" browsers="none">
|
||
<desc>As 'inside', except the marker is instead placed immediately before the first text or significant whitespace in the list item or its children</desc>
|
||
</value>
|
||
<value name="inside" version="1.0" browsers="all">
|
||
<desc>The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below.</desc>
|
||
</value>
|
||
<value name="lower-alpha" version="1.0" browsers="all" />
|
||
<value name="lower-greek" version="1.0" browsers="all" />
|
||
<value name="lower-latin" version="1.0" browsers="all" />
|
||
<value name="lower-roman" version="1.0" browsers="all" />
|
||
<value name="none" version="1.0" browsers="all" />
|
||
<value name="outside" version="1.0" browsers="all">
|
||
<desc>The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows.</desc>
|
||
</value>
|
||
<value name="square" version="1.0" browsers="all">
|
||
<desc>A filled square.</desc>
|
||
</value>
|
||
<value name="symbols()" version="3.0" browsers="FF35">
|
||
<desc>Allows a counter style to be defined inline.</desc>
|
||
</value>
|
||
<value name="upper-alpha" version="1.0" browsers="all" />
|
||
<value name="upper-latin" version="1.0" browsers="all" />
|
||
<value name="upper-roman" version="1.0" browsers="all" />
|
||
<value name="url()" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="list-style-image" restriction="image" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-lists/#list-style-image" syntax="<uri> | none">
|
||
<desc>Sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker.</desc>
|
||
<values>
|
||
<value name="none" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="list-style-position" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-lists/#list-style-position" syntax="ul { $(name): inside; }">
|
||
<desc>Specifies the position of the '::marker' pseudo-element's box in the list item.</desc>
|
||
<values>
|
||
<value name="inside" version="1.0" browsers="all">
|
||
<desc>The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below.</desc>
|
||
</value>
|
||
<value name="outside" version="1.0" browsers="all">
|
||
<desc>The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="list-style-type" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-lists/#list-style-type" syntax="<glyph> | <algorithmic> | <numeric> | <alphabetic> | <symbolic> | <non-repeating> | normal | none">
|
||
<desc>Can be used to make an element look like a standard user interface element on the platform.</desc>
|
||
<values>
|
||
<value name="armenian" version="1.0" browsers="all" />
|
||
<value name="circle" version="1.0" browsers="all">
|
||
<desc>A hollow circle.</desc>
|
||
</value>
|
||
<value name="decimal" version="1.0" browsers="all" />
|
||
<value name="decimal-leading-zero" version="1.0" browsers="all" />
|
||
<value name="disc" version="1.0" browsers="all">
|
||
<desc>A filled circle.</desc>
|
||
</value>
|
||
<value name="georgian" version="1.0" browsers="all" />
|
||
<value name="lower-alpha" version="1.0" browsers="all" />
|
||
<value name="lower-greek" version="1.0" browsers="all" />
|
||
<value name="lower-latin" version="1.0" browsers="all" />
|
||
<value name="lower-roman" version="1.0" browsers="all" />
|
||
<value name="none" version="1.0" browsers="all" />
|
||
<value name="square" version="1.0" browsers="all">
|
||
<desc>A filled square.</desc>
|
||
</value>
|
||
<value name="symbols()" version="3.0" browsers="FF35">
|
||
<desc>Allows a counter style to be defined inline.</desc>
|
||
</value>
|
||
<value name="upper-alpha" version="1.0" browsers="all" />
|
||
<value name="upper-latin" version="1.0" browsers="all" />
|
||
<value name="upper-roman" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#margin1" syntax="div { $(name): 4px 7px 2px 4px; }">
|
||
<desc>Shorthand property to set values the thickness of the margin 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.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
<value name="logical" version="3.0" browsers="none">
|
||
<desc>Indicates that the values map to the logical properties instead of the physical ones.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-block-end" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="div { $(name): 4px; }">
|
||
<desc>Logical 'margin-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-block-start" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="div { $(name): 4px; }">
|
||
<desc>Logical 'margin-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-bottom" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#margin1" syntax="div { $(name): 4px; }">
|
||
<desc>Shorthand property to set values the thickness of the margin 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.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-inline-end" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="div { $(name): 4px; }">
|
||
<desc>Logical 'margin-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-inline-start" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="div { $(name): 4px; }">
|
||
<desc>Logical 'margin-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-left" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#margin1" syntax="div { $(name): 4px; }">
|
||
<desc>Shorthand property to set values the thickness of the margin 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.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-right" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#margin1" syntax="div { $(name): 4px; }">
|
||
<desc>Shorthand property to set values the thickness of the margin 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.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="margin-top" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#margin1" syntax="div { $(name): 4px; }">
|
||
<desc>Shorthand property to set values the thickness of the margin 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.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="marker" restriction="url" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#MarkerProperty">
|
||
<desc>Specifies the marker symbol that shall be used for all points on the sets the value for all vertices on the given ‘path’ element or basic shape.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Indicates that no marker symbol will be drawn at the given vertex or vertices.</desc>
|
||
</value>
|
||
<value name="child" version="4.0" browsers="none">
|
||
<desc>Indicates that the last child <marker> element of the element where the property is specified will be used.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Indicates that the <marker> element referenced will be used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="marker-end" restriction="url" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties">
|
||
<desc>Specifies the marker that will be drawn at the last vertices of the given markable element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Indicates that no marker symbol will be drawn at the given vertex or vertices.</desc>
|
||
</value>
|
||
<value name="child" version="4.0" browsers="none">
|
||
<desc>Indicates that the last child <marker> element of the element where the property is specified will be used.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Indicates that the <marker> element referenced will be used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="marker-mid" restriction="url" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties">
|
||
<desc>Specifies the marker that will be drawn at all vertices except the first and last.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Indicates that no marker symbol will be drawn at the given vertex or vertices.</desc>
|
||
</value>
|
||
<value name="child" version="4.0" browsers="none">
|
||
<desc>Indicates that the last child <marker> element of the element where the property is specified will be used.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Indicates that the <marker> element referenced will be used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="marker-side" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-lists/#propdef-marker-side">
|
||
<desc>Specifies if list item markers position themselves relative to the list item or the list container’s directionality.</desc>
|
||
<values>
|
||
<value name="list-item" version="3.0" browsers="all" />
|
||
<value name="list-container" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="marker-start" restriction="url" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#VertexMarkerProperties">
|
||
<desc>Specifies the marker that will be drawn at the first vertices of the given markable element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Indicates that no marker symbol will be drawn at the given vertex or vertices.</desc>
|
||
</value>
|
||
<value name="child" version="4.0" browsers="none">
|
||
<desc>Indicates that the last child <marker> element of the element where the property is specified will be used.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Indicates that the <marker> element referenced will be used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask" restriction="url, image, length, percentage, position, repeat, geometry-box, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask">
|
||
<desc>The mask shorthand.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Counts as a transparent black image layer.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Reference to a <mask element or to a CSS image.</desc>
|
||
</value>
|
||
<value name="alpha" version="3.0" browsers="all">
|
||
<desc>Alpha values of the mask layer image should be used as the mask values.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all"/>
|
||
<value name="luminance" version="3.0" browsers="all">
|
||
<desc>Luminance values of the mask layer image should be used as the mask values.</desc>
|
||
</value>
|
||
<value name="contain" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="cover" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="no-clip" version="3.0" browsers="all">
|
||
<desc>The painted content is not restricted (not clipped).</desc>
|
||
</value>
|
||
<value name="add" version="3.0" browsers="all">
|
||
<desc>The source is placed over the destination.</desc>
|
||
</value>
|
||
<value name="exclude" version="3.0" browsers="all">
|
||
<desc>The non-overlapping regions of source and destination are combined.</desc>
|
||
</value>
|
||
<value name="intersect" version="3.0" browsers="all">
|
||
<desc>The parts of source that overlap the destination, replace the destination.</desc>
|
||
</value>
|
||
<value name="subtract" version="3.0" browsers="all">
|
||
<desc>The source is placed, where it falls outside of the destination.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-border" restriction="image, length, number, percentage, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-border">
|
||
<desc>Shorthand property for setting 'mask-border-source', 'mask-border-slice', 'mask-border-width', 'mask-border-outset', 'mask-border-repeat', and 'mask-border-mode'.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No mask border image.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>Causes the middle part of the border-image to be preserved.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The mask 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.</desc>
|
||
</value>
|
||
<value name="repeat" version="3.0" browsers="all">
|
||
<desc>The image is tiled (repeated) to fill the area.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="space" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The image is stretched to fill the area.</desc>
|
||
</value>
|
||
<value name="alpha" version="3.0" browsers="all">
|
||
<desc>Alpha values of the mask border image should be used as the mask values.</desc>
|
||
</value>
|
||
<value name="luminance" version="3.0" browsers="all">
|
||
<desc>Luminance values of the mask border image should be used as the mask values.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-border-mode" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-border-mode">
|
||
<desc>Indicates whether the image value for 'mask-border-source' is treated as luminance mask or alpha mask.</desc>
|
||
<values>
|
||
<value name="alpha" version="3.0" browsers="all">
|
||
<desc>Alpha values of the mask border image should be used as the mask values.</desc>
|
||
</value>
|
||
<value name="luminance" version="3.0" browsers="all">
|
||
<desc>Luminance values of the mask border image should be used as the mask values.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-border-outset" restriction="length, number" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-border-outset">
|
||
<desc>Specifies the amount by which the mask border image area extends beyond the border box.</desc>
|
||
</entry>
|
||
<entry name="mask-border-repeat" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">
|
||
<desc>Specifies how the images for the sides and the middle part of the mask border image are scaled and tiled.</desc>
|
||
<values>
|
||
<value name="repeat" version="3.0" browsers="all">
|
||
<desc>The image is tiled (repeated) to fill the area.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="space" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The image is stretched to fill the area.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-border-slice" restriction="number, percentage, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-border-slice">
|
||
<desc>Specifies inward offsets from the top, right, bottom, and left edges of the mask border image, dividing it into nine regions: four corners, four edges and a middle.</desc>
|
||
<values>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>Causes the middle part of the border-image to be preserved.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-border-source" restriction="image, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-border-source">
|
||
<desc>Specifies an image to be used as mask border image.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No mask border image.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-border-width" restriction="length, percentage, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-border-width">
|
||
<desc>Specifies offsets that are used to divide the mask border image area into nine parts.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The mask 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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-clip" restriction="geometry-box, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-clip">
|
||
<desc>Determines the mask painting area, which determines the area that is affected by the mask.</desc>
|
||
<values>
|
||
<value name="no-clip" version="3.0" browsers="all">
|
||
<desc>The painted content is not restricted (not clipped).</desc>
|
||
</value>
|
||
<value name="" version="3.0" browsers="none"/>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-composite" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-composite">
|
||
<desc>Defines the compositing operation used on the current mask layer with the mask layers below it.</desc>
|
||
<values>
|
||
<value name="add" version="3.0" browsers="all">
|
||
<desc>The source is placed over the destination.</desc>
|
||
</value>
|
||
<value name="exclude" version="3.0" browsers="all">
|
||
<desc>The non-overlapping regions of source and destination are combined.</desc>
|
||
</value>
|
||
<value name="intersect" version="3.0" browsers="all">
|
||
<desc>The parts of source that overlap the destination, replace the destination.</desc>
|
||
</value>
|
||
<value name="subtract" version="3.0" browsers="all">
|
||
<desc>The source is placed, where it falls outside of the destination.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-image" restriction="url, image, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-image">
|
||
<desc>Sets the mask layer image of an element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Counts as a transparent black image layer.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Reference to a <mask element or to a CSS image.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-mode" restriction="url, image, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-mode">
|
||
<desc>Indicates whether the mask layer image is treated as luminance mask or alpha mask.</desc>
|
||
<values>
|
||
<value name="alpha" version="3.0" browsers="all">
|
||
<desc>Alpha values of the mask layer image should be used as the mask values.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Use alpha values if 'mask-image' is an image, luminance if a <mask> element or a CSS image.</desc>
|
||
</value>
|
||
<value name="luminance" version="3.0" browsers="all">
|
||
<desc>Luminance values of the mask layer image should be used as the mask values.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-origin" restriction="geometry-box, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-origin">
|
||
<desc>Specifies the mask positioning area.</desc>
|
||
</entry>
|
||
<entry name="mask-position" restriction="position, length, percentage" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-position">
|
||
<desc>Specifies how mask layer images are positioned.</desc>
|
||
</entry>
|
||
<entry name="mask-repeat" restriction="repeat" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-repeat">
|
||
<desc>Specifies how mask layer images are tiled after they have been sized and positioned.</desc>
|
||
</entry>
|
||
<entry name="mask-size" restriction="length, percentage, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-size">
|
||
<desc>Specifies the size of the mask layer images.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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%.</desc>
|
||
</value>
|
||
<value name="contain" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="cover" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mask-type" restriction="enum" version="3.0" browsers="C24,FF35,O15,S7" ref="http://www.w3.org/TR/css-masking-1/#the-mask-type">
|
||
<desc>Defines whether the content of the <mask> element is treated as as luminance mask or alpha mask.</desc>
|
||
<values>
|
||
<value name="alpha" version="3.0" browsers="all">
|
||
<desc>Indicates that the alpha values of the mask should be used.</desc>
|
||
</value>
|
||
<value name="luminance" version="3.0" browsers="all">
|
||
<desc>Indicates that the luminance values of the mask should be used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="max-block-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-min-block-size" syntax="header { $(name): 200px; }">
|
||
<desc>Logical 'max-width'. Mapping depends on the element’s 'writing-mode'.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No limit on the width of the box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="max-height" restriction="length, percentage" version="2.0" browsers="E,C,FF1,IE7,O7,S1" ref="http://www.w3.org/TR/css3-box/#max-height" syntax="footer { $(name): 300px; }">
|
||
<desc>Allows authors to constrain content height to a certain range.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>No limit on the height of the box.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="none">
|
||
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="fit-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="max-inline-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-min-block-size" syntax="header { $(name): 200px; }">
|
||
<desc>Logical 'max-height'. Mapping depends on the element’s 'writing-mode'.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No limit on the height of the box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="max-width" restriction="length, percentage" version="2.0" browsers="E,C,FF1,IE7,O7,S1" ref="http://www.w3.org/TR/css3-box/#max-width" syntax="footer { $(name): 300px; }">
|
||
<desc>Allows authors to constrain content width to a certain range.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>No limit on the width of the box.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="none">
|
||
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="fit-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="max-lines" restriction="integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-overflow-3/#max-lines0" syntax="div::nth-fragment(1) { $(name): 3; }">
|
||
<desc>Forces a fragment to break after the specified number of lines.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Breaks occur only as specified elsewhere.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="min-block-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-min-block-size" syntax="header { $(name): 200px; }">
|
||
<desc>Logical 'min-width'. Mapping depends on the element’s 'writing-mode'.</desc>
|
||
</entry>
|
||
<entry name="min-height" restriction="length, percentage" version="2.0" browsers="E,C,FF1,IE7,O7,S1" ref="http://www.w3.org/TR/css3-box/#min-height" syntax="footer { $(name): 300px; }">
|
||
<desc>Allows authors to constrain content height to a certain range.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="E,IE11" />
|
||
<value name="fill" version="3.0" browsers="none">
|
||
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="fit-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="min-inline-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-min-block-size" syntax="header { $(name): 200px; }">
|
||
<desc>Logical 'min-height'. Mapping depends on the element’s 'writing-mode'.</desc>
|
||
</entry>
|
||
<entry name="min-width" restriction="length, percentage" version="2.0" browsers="E,C,FF1,IE7,O7,S1" ref="http://www.w3.org/TR/css3-box/#min-width" syntax="footer { $(name): 300px; }">
|
||
<desc>Allows authors to constrain content width to a certain range.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="E,IE11" />
|
||
<value name="fill" version="3.0" browsers="none">
|
||
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="fit-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="mix-blend-mode" restriction="enum" version="3.0" browsers="C41,FF32,O29,S7.1" ref="http://www.w3.org/TR/compositing-1/#propdef-mix-blend-mode" syntax="div { $(name): saturation; }">
|
||
<desc>Defines the formula that must be used to mix the colors with the backdrop.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Default attribute which specifies no blending</desc>
|
||
</value>
|
||
<value name="multiply" version="3.0" browsers="all">
|
||
<desc>The source color is multiplied by the destination color and replaces the destination.</desc>
|
||
</value>
|
||
<value name="screen" version="3.0" browsers="all">
|
||
<desc>Multiplies the complements of the backdrop and source color values, then complements the result.</desc>
|
||
</value>
|
||
<value name="overlay" version="3.0" browsers="all">
|
||
<desc>Multiplies or screens the colors, depending on the backdrop color value.</desc>
|
||
</value>
|
||
<value name="darken" version="3.0" browsers="all">
|
||
<desc>Selects the darker of the backdrop and source colors.</desc>
|
||
</value>
|
||
<value name="lighten" version="3.0" browsers="all">
|
||
<desc>Selects the lighter of the backdrop and source colors.</desc>
|
||
</value>
|
||
<value name="color-dodge" version="3.0" browsers="all">
|
||
<desc>Brightens the backdrop color to reflect the source color.</desc>
|
||
</value>
|
||
<value name="color-burn" version="3.0" browsers="all">
|
||
<desc>Darkens the backdrop color to reflect the source color.</desc>
|
||
</value>
|
||
<value name="hard-light" version="3.0" browsers="all">
|
||
<desc>Multiplies or screens the colors, depending on the source color value.</desc>
|
||
</value>
|
||
<value name="soft-light" version="3.0" browsers="all">
|
||
<desc>Darkens or lightens the colors, depending on the source color value.</desc>
|
||
</value>
|
||
<value name="difference" version="3.0" browsers="all">
|
||
<desc>Subtracts the darker of the two constituent colors from the lighter color..</desc>
|
||
</value>
|
||
<value name="exclusion" version="3.0" browsers="all">
|
||
<desc>Produces an effect similar to that of the Difference mode but lower in contrast.</desc>
|
||
</value>
|
||
<value name="hue" version="3.0" browsers="C41,FF32,O29">
|
||
<desc>Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color.</desc>
|
||
</value>
|
||
<value name="saturation" version="3.0" browsers="C41,FF32,O29">
|
||
<desc>Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color.</desc>
|
||
</value>
|
||
<value name="color" version="3.0" browsers="C41,FF32,O29">
|
||
<desc>Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color.</desc>
|
||
</value>
|
||
<value name="luminosity" version="3.0" browsers="C41,FF32,O29">
|
||
<desc>Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="motion" restriction="url, length, percentage, angle, shape, geometry-box, enum" version="3.0" browsers="C46,O33" ref="http://www.w3.org/TR/motion-1/#propdef-motion">
|
||
<desc>Shorthand property for setting 'motion-path', 'motion-offset' and 'motion-rotation'.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No motion path gets created.</desc>
|
||
</value>
|
||
<value name="path()" version="3.0" browsers="all">
|
||
<desc>Defines an SVG path as a string, with optional 'fill-rule' as the first argument.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="none">
|
||
<desc>References an SVG shape element and uses its geometry as motion path.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Indicates that the object is rotated by the angle of the direction of the motion path.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="motion-offset" restriction="length, percentage" version="3.0" browsers="C46,O33" ref="http://www.w3.org/TR/motion-1/#propdef-motion-offset" syntax="div { $(name): 10%; }">
|
||
<desc>A distance that describes the position along the specified motion path.</desc>
|
||
</entry>
|
||
<entry name="motion-path" restriction="url, shape, geometry-box, enum" version="3.0" browsers="C46,O33" ref="http://www.w3.org/TR/motion-1/#propdef-motion-path">
|
||
<desc>Specifies the motion path the element gets positioned at.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No motion path gets created.</desc>
|
||
</value>
|
||
<value name="path()" version="3.0" browsers="all">
|
||
<desc>Defines an SVG path as a string, with optional 'fill-rule' as the first argument.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="none">
|
||
<desc>References an SVG shape element and uses its geometry as motion path.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="motion-rotation" restriction="angle" version="3.0" browsers="C46,O33" ref="http://www.w3.org/TR/motion-1/#propdef-motion-rotation" syntax="div { $(name): 90%; }">
|
||
<desc>Defines the direction of the element while positioning along the motion path.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Indicates that the object is rotated by the angle of the direction of the motion path.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="move-to" restriction="identifier" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-content/#moving" syntax="normal | here | <identifier>">
|
||
<desc>Property causes the element or pseudo-element to be removed from the flow and reinserted at a later point in the document.</desc>
|
||
<values>
|
||
<value name="here" version="3.0" browsers="all">
|
||
<desc>The element or pseudo-element is not moved. This value inhibits the creation of '::alternate' pseudo-elements and any pseudo-elements that have such a pseudo-element as a superior.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>For '::alternate' pseudo-elements, if the superior parent uses the 'footnote' counter in its 'content' property then the computed value of 'move-to' is 'footnotes'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-animation" restriction="time, enum, identifier, number" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#animation" syntax="div { $(name): movearound 4s ease 3 normal; }">
|
||
<desc>Shorthand property combines six of the animation properties into a single property.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="backwards" version="3.0" browsers="all">
|
||
<desc>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'.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Both forwards and backwards fill modes are applied.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="forwards" version="3.0" browsers="all">
|
||
<desc>The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.</desc>
|
||
</value>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-animation-delay" restriction="time" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#animation-delay" syntax="div { $(name): 4s; }">
|
||
<desc>Defines when the animation will start.</desc>
|
||
</entry>
|
||
<entry name="-moz-animation-direction" restriction="enum" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#animation-direction" syntax="div { $(name): normal; }">
|
||
<desc>Defines whether or not the animation should play in reverse on alternate cycles.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-animation-duration" restriction="time" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#animation-duration" syntax="div { $(name): 4s; }">
|
||
<desc>Defines the length of time that an animation takes to complete one cycle.</desc>
|
||
</entry>
|
||
<entry name="-moz-animation-iteration-count" restriction="number, enum" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#animation-iteration-count" syntax="div { $(name): 3; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-animation-name" restriction="identifier, enum" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#the-animation-name-property-" syntax="div { $(name): movearound; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-animation-play-state" restriction="enum" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#animation-play-state" syntax="div { $(name): running; }">
|
||
<desc>Defines whether the animation is running or paused.</desc>
|
||
<values>
|
||
<value name="paused" version="3.0" browsers="all">
|
||
<desc>A running animation will be paused.</desc>
|
||
</value>
|
||
<value name="running" version="3.0" browsers="all">
|
||
<desc>Resume playback of a paused animation.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-animation-timing-function" restriction="enum" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-animations/#animation-timing-function" syntax="div { $(name): ease; }">
|
||
<desc>Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-appearance" restriction="enum" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-appearance" syntax=".example { $(name): toolbarbutton; }">
|
||
<desc>Used in Gecko (Firefox) to display an element using a platform-native styling based on the operating system's theme.</desc>
|
||
<values>
|
||
<value name="button" version="3.0" browsers="all" />
|
||
<value name="button-arrow-down" version="3.0" browsers="all" />
|
||
<value name="button-arrow-next" version="3.0" browsers="all" />
|
||
<value name="button-arrow-previous" version="3.0" browsers="all" />
|
||
<value name="button-arrow-up" version="3.0" browsers="all" />
|
||
<value name="button-bevel" version="3.0" browsers="all" />
|
||
<value name="checkbox" version="3.0" browsers="all" />
|
||
<value name="checkbox-container" version="3.0" browsers="all" />
|
||
<value name="checkbox-label" version="3.0" browsers="all" />
|
||
<value name="dialog" version="3.0" browsers="all" />
|
||
<value name="groupbox" version="3.0" browsers="all" />
|
||
<value name="listbox" version="3.0" browsers="all" />
|
||
<value name="menuarrow" version="3.0" browsers="all" />
|
||
<value name="menuimage" version="3.0" browsers="all" />
|
||
<value name="menuitem" version="3.0" browsers="all" />
|
||
<value name="menuitemtext" version="3.0" browsers="all" />
|
||
<value name="menulist" version="3.0" browsers="all" />
|
||
<value name="menulist-button" version="3.0" browsers="all" />
|
||
<value name="menulist-text" version="3.0" browsers="all" />
|
||
<value name="menulist-textfield" version="3.0" browsers="all" />
|
||
<value name="menupopup" version="3.0" browsers="all" />
|
||
<value name="menuradio" version="3.0" browsers="all" />
|
||
<value name="menuseparator" version="3.0" browsers="all" />
|
||
<value name="-moz-mac-unified-toolbar" version="3.0" browsers="all" />
|
||
<value name="-moz-win-borderless-glass" version="3.0" browsers="all" />
|
||
<value name="-moz-win-browsertabbar-toolbox" version="3.0" browsers="all" />
|
||
<value name="-moz-win-communications-toolbox" version="3.0" browsers="all" />
|
||
<value name="-moz-win-glass" version="3.0" browsers="all" />
|
||
<value name="-moz-win-media-toolbox" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="progressbar" version="3.0" browsers="all" />
|
||
<value name="progresschunk" version="3.0" browsers="all" />
|
||
<value name="radio" version="3.0" browsers="all" />
|
||
<value name="radio-container" version="3.0" browsers="all" />
|
||
<value name="radio-label" version="3.0" browsers="all" />
|
||
<value name="radiomenuitem" version="3.0" browsers="all" />
|
||
<value name="resizer" version="3.0" browsers="all" />
|
||
<value name="resizerpanel" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-down" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-left" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-right" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-up" version="3.0" browsers="all" />
|
||
<value name="scrollbar-small" version="3.0" browsers="all" />
|
||
<value name="scrollbartrack-horizontal" version="3.0" browsers="all" />
|
||
<value name="scrollbartrack-vertical" version="3.0" browsers="all" />
|
||
<value name="separator" version="3.0" browsers="all" />
|
||
<value name="spinner" version="3.0" browsers="all" />
|
||
<value name="spinner-downbutton" version="3.0" browsers="all" />
|
||
<value name="spinner-textfield" version="3.0" browsers="all" />
|
||
<value name="spinner-upbutton" version="3.0" browsers="all" />
|
||
<value name="statusbar" version="3.0" browsers="all" />
|
||
<value name="statusbarpanel" version="3.0" browsers="all" />
|
||
<value name="tab" version="3.0" browsers="all" />
|
||
<value name="tabpanels" version="3.0" browsers="all" />
|
||
<value name="tab-scroll-arrow-back" version="3.0" browsers="all" />
|
||
<value name="tab-scroll-arrow-forward" version="3.0" browsers="all" />
|
||
<value name="textfield" version="3.0" browsers="all" />
|
||
<value name="textfield-multiline" version="3.0" browsers="all" />
|
||
<value name="toolbar" version="3.0" browsers="all" />
|
||
<value name="toolbox" version="3.0" browsers="all" />
|
||
<value name="tooltip" version="3.0" browsers="all" />
|
||
<value name="treeheadercell" version="3.0" browsers="all" />
|
||
<value name="treeheadersortarrow" version="3.0" browsers="all" />
|
||
<value name="treeitem" version="3.0" browsers="all" />
|
||
<value name="treetwistyopen" version="3.0" browsers="all" />
|
||
<value name="treeview" version="3.0" browsers="all" />
|
||
<value name="treewisty" version="3.0" browsers="all" />
|
||
<value name="window" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-backface-visibility" restriction="enum" version="3.0" browsers="FF10" ref="http://www.w3.org/TR/css3-3d-transforms/#backface-visibility" syntax="div { $(name): hidden; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="hidden" version="3.0" browsers="all" />
|
||
<value name="visible" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-background-clip" restriction="box, enum" version="3.0" browsers="FF1-3.6" ref="http://www.w3.org/TR/css3-background/#the-background-clip" syntax="header { $(name): border-box; }">
|
||
<desc>Determines the background painting area.</desc>
|
||
<values>
|
||
<value name="padding" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-background-inline-policy" restriction="enum" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-background-inline-policy" syntax="div { $(name): bounding-box; }">
|
||
<desc>In Gecko-based applications like Firefox, the -moz-background-inline-policy CSS property specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition.</desc>
|
||
<values>
|
||
<value name="bounding-box" version="3.0" browsers="all" />
|
||
<value name="continuous" version="3.0" browsers="all" />
|
||
<value name="each-box" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-background-origin" restriction="box" version="3.0" browsers="FF1" ref="http://www.w3.org/TR/css3-background/#the-background-origin" syntax="header { $(name): border-box; }">
|
||
<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).</desc>
|
||
</entry>
|
||
<entry name="-moz-border-bottom-colors" restriction="color" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-border-left-colors" syntax="td { $(name): #00ff33 #33ff66 #66ff99; }">
|
||
<desc>Sets a list of colors for the bottom border.</desc>
|
||
</entry>
|
||
<entry name="-moz-border-image" restriction="length, percentage, number, url, enum" version="3.0" browsers="FF3.6" ref="http://www.w3.org/TR/css3-background/#border-image" syntax="td { $(name): url(border.png) 30 30 round;}">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>Causes the middle part of the border-image to be preserved.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="repeat" version="3.0" browsers="all">
|
||
<desc>The image is tiled (repeated) to fill the area.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="space" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The image is stretched to fill the area.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-border-left-colors" restriction="color" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-border-left-colors" syntax="td { $(name): #00ff33 #33ff66 #66ff99; }">
|
||
<desc>Sets a list of colors for the bottom border.</desc>
|
||
</entry>
|
||
<entry name="-moz-border-right-colors" restriction="color" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-border-left-colors" syntax="td { $(name): #00ff33 #33ff66 #66ff99; }">
|
||
<desc>Sets a list of colors for the bottom border.</desc>
|
||
</entry>
|
||
<entry name="-moz-border-top-colors" restriction="color" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-border-left-colors" syntax="td { $(name): #00ff33 #33ff66 #66ff99; }">
|
||
<desc>Ske Firefox, -moz-border-bottom-colors sets a list of colors for the bottom border.</desc>
|
||
</entry>
|
||
<entry name="-moz-box-align" restriction="enum" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-box-align" syntax="div { $(name): end; }">
|
||
<desc>Specifies how a XUL box aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box.</desc>
|
||
<values>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Any extra space is divided evenly, with half placed above the child and the other half placed after the child.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The height of each child is adjusted to that of the containing block.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-box-direction" restriction="enum" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-box-direction" syntax="div { $(name): reverse; }">
|
||
<desc>Specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-box-flex" restriction="number" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-box-flex" syntax="div { $(name): 1; }">
|
||
<desc>Specifies how a box grows to fill the box that contains it, in the direction of the containing box's layout.</desc>
|
||
</entry>
|
||
<entry name="-moz-box-flexgroup" restriction="integer" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-box-flexgroup" syntax="div { $(name): 3; }">
|
||
<desc>Flexible elements can be assigned to flex groups using the 'box-flex-group' property.</desc>
|
||
</entry>
|
||
<entry name="-moz-box-ordinal-group" restriction="integer" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-box-ordinal-group" syntax="div { $(name): 5; }">
|
||
<desc>Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.</desc>
|
||
</entry>
|
||
<entry name="-moz-box-orient" restriction="enum" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-box-orient" syntax="div { $(name): vertical; }">
|
||
<desc>In Mozilla applications, -moz-box-orient specifies whether a box lays out its contents horizontally or vertically.</desc>
|
||
<values>
|
||
<value name="block-axis" version="3.0" browsers="all">
|
||
<desc>Elements are oriented along the box's axis.</desc>
|
||
</value>
|
||
<value name="horizontal" version="3.0" browsers="all">
|
||
<desc>The box displays its children from left to right in a horizontal line.</desc>
|
||
</value>
|
||
<value name="inline-axis" version="3.0" browsers="all">
|
||
<desc>Elements are oriented vertically.</desc>
|
||
</value>
|
||
<value name="vertical" version="3.0" browsers="all">
|
||
<desc>The box displays its children from stacked from top to bottom vertically.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-box-pack" restriction="enum" version="3.0" browsers="FF1" ref="https://developer.mozilla.org/en/CSS/-moz-box-pack" syntax="div { $(name): end; }">
|
||
<desc>Specifies how a box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The extra space is divided evenly, with half placed before the first child and the other half placed after the last child.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="justify" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-box-sizing" restriction="enum" version="3.0" browsers="FF1" ref="http://www.w3.org/TR/css3-ui/#box-sizing" syntax="div { $(name): content-box; }">
|
||
<desc>Box Model addition in CSS3.</desc>
|
||
<values>
|
||
<value name="border-box" version="3.0" browsers="all">
|
||
<desc>The specified width and height (and respective min/max properties) on this element determine the border box of the element.</desc>
|
||
</value>
|
||
<value name="content-box" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="padding-box" version="3.0" browsers="all">
|
||
<desc>The specified width and height (and respective min/max properties) on this element determine the padding box of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-column-count" restriction="integer" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-multicol/#column-count" syntax="div { $(name): 3; }">
|
||
<desc>Describes the optimal number of columns into which the content of the element will be flowed.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Determines the number of columns by the 'column-width' property and the element width.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-column-gap" restriction="length" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-multicol/#column-gap0" syntax="div { $(name): 10px; }">
|
||
<desc>Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>User agent specific and typically equivalent to 1em.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-column-rule" restriction="length, line-width, line-style, color" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-multicol/#column-rule0" syntax="header { $(name): 5px solid red;}">
|
||
<desc>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.</desc>
|
||
</entry>
|
||
<entry name="-moz-column-rule-color" restriction="color" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-multicol/#column-rule-color" syntax="div { $(name): #ff0; }">
|
||
<desc>Sets the color of the column rule</desc>
|
||
</entry>
|
||
<entry name="-moz-column-rule-style" restriction="line-style" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-multicol/#column-rule-style" syntax="div { $(name): solid; }">
|
||
<desc>Sets the style of the rule between columns of an element.</desc>
|
||
</entry>
|
||
<entry name="-moz-column-rule-width" restriction="length, line-width" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-multicol/#column-rule-width" syntax="div { $(name): 3px; }">
|
||
<desc>Sets the width of the rule between columns. Negative values are not allowed.</desc>
|
||
</entry>
|
||
<entry name="-moz-columns" restriction="length, integer" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-multicol/#columns0" syntax="div { $(name): 100px 3; }">
|
||
<desc>A shorthand property which sets both 'column-width' and 'column-count'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The width depends on the values of other properties.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-column-width" restriction="length" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-multicol/#column-width" syntax="div { $(name): 100px; }">
|
||
<desc>This property describes the width of columns in multicol elements.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The width depends on the values of other properties.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-font-feature-settings" restriction="string, integer" version="3.0" browsers="FF4" ref="http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings" syntax="body { $(name): 'hwid'; }">
|
||
<desc>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.</desc>
|
||
<values>
|
||
<value name=""c2cs"" version="3.0" browsers="all" />
|
||
<value name=""dlig"" version="3.0" browsers="all" />
|
||
<value name=""kern"" version="3.0" browsers="all" />
|
||
<value name=""liga"" version="3.0" browsers="all" />
|
||
<value name=""lnum"" version="3.0" browsers="all" />
|
||
<value name=""onum"" version="3.0" browsers="all" />
|
||
<value name=""smcp"" version="3.0" browsers="all" />
|
||
<value name=""swsh"" version="3.0" browsers="all" />
|
||
<value name=""tnum"" version="3.0" browsers="all" />
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>No change in glyph substitution or positioning occurs.</desc>
|
||
</value>
|
||
<value name="off" version="3.0" browsers="FF15" />
|
||
<value name="on" version="3.0" browsers="FF15" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-hyphens" restriction="enum" version="3.0" browsers="FF9" ref="http://www.w3.org/TR/css3-text/#hyphens0" syntax="div { $(name): manual; }">
|
||
<desc>Controls whether hyphenation is allowed to create more break opportunities within a line of text.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.</desc>
|
||
</value>
|
||
<value name="manual" version="3.0" browsers="all">
|
||
<desc>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Words are not broken at line breaks, even if characters inside the word suggest line break points.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-perspective" restriction="length" version="3.0" browsers="FF10" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective" syntax="div { $(name): none; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No perspective transform is applied.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-perspective-origin" restriction="position, percentage, length" version="3.0" browsers="FF10" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective-origin" syntax="div { $(name): 10px; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-moz-text-align-last" restriction="enum" version="3.0" browsers="FF12" ref="http://www.w3.org/TR/css3-text/#text-align-last0" syntax="div { $(name): right; }">
|
||
<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'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The inline contents are centered within the line box.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="none">
|
||
<desc>The inline contents are aligned to the end edge of the line box.</desc>
|
||
</value>
|
||
<value name="justify" version="3.0" browsers="all">
|
||
<desc>The text is justified according to the method specified by the 'text-justify' property.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="none">
|
||
<desc>The inline contents are aligned to the start edge of the line box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-text-decoration-color" restriction="color" version="3.0" browsers="FF6" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-color" syntax="div { $(name): #ff0; }">
|
||
<desc>Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.</desc>
|
||
</entry>
|
||
<entry name="-moz-text-decoration-line" restriction="enum" version="3.0" browsers="FF6" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-line" syntax="div { $(name): underline; }">
|
||
<desc>Specifies what line decorations, if any, are added to the element.</desc>
|
||
<values>
|
||
<value name="line-through" version="3.0" browsers="all">
|
||
<desc>Each line of text has a line through the middle.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Neither produces nor inhibits text decoration.</desc>
|
||
</value>
|
||
<value name="overline" version="3.0" browsers="all">
|
||
<desc>Each line of text has a line above it.</desc>
|
||
</value>
|
||
<value name="underline" version="3.0" browsers="all">
|
||
<desc>Each line of text is underlined.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-text-decoration-style" restriction="enum" version="3.0" browsers="FF6" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-style" syntax="div { $(name): solid; }">
|
||
<desc>Specifies the line style for underline, line-through and overline text decoration.</desc>
|
||
<values>
|
||
<value name="dashed" version="3.0" browsers="all">
|
||
<desc>Produces a dashed line style.</desc>
|
||
</value>
|
||
<value name="dotted" version="3.0" browsers="all">
|
||
<desc>Produces a dotted line.</desc>
|
||
</value>
|
||
<value name="double" version="3.0" browsers="all">
|
||
<desc>Produces a double line.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Produces no line.</desc>
|
||
</value>
|
||
<value name="solid" version="3.0" browsers="all">
|
||
<desc>Produces a solid line.</desc>
|
||
</value>
|
||
<value name="wavy" version="3.0" browsers="all">
|
||
<desc>Produces a wavy line.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-text-size-adjust" restriction="enum, percentage" version="3.0" browsers="FF" ref="http://dev.w3.org/csswg/css-size-adjust/" syntax="body { $(name): 150%; }">
|
||
<desc>Specifies a size adjustment for displaying text content in mobile browsers.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Renderers must use the default size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Renderers must not do size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-transform" restriction="enum" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-property" syntax="div { $(name): rotate(-90deg); }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="matrix()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]</desc>
|
||
</value>
|
||
<value name="matrix3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="perspective" version="3.0" browsers="all">
|
||
<desc>Specifies a perspective projection matrix.</desc>
|
||
</value>
|
||
<value name="rotate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.</desc>
|
||
</value>
|
||
<value name="rotate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.</desc>
|
||
</value>
|
||
<value name="rotateX('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the X axis.</desc>
|
||
</value>
|
||
<value name="rotateY('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Y axis.</desc>
|
||
</value>
|
||
<value name="rotateZ('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Z axis.</desc>
|
||
</value>
|
||
<value name="scale()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.</desc>
|
||
</value>
|
||
<value name="scale3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.</desc>
|
||
</value>
|
||
<value name="scaleX()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleY()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.</desc>
|
||
</value>
|
||
<value name="skew()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).</desc>
|
||
</value>
|
||
<value name="skewX()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X axis by the given angle.</desc>
|
||
</value>
|
||
<value name="skewY()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the Y axis by the given angle.</desc>
|
||
</value>
|
||
<value name="translate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.</desc>
|
||
</value>
|
||
<value name="translate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.</desc>
|
||
</value>
|
||
<value name="translateX()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the X direction.</desc>
|
||
</value>
|
||
<value name="translateY()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Y direction.</desc>
|
||
</value>
|
||
<value name="translateZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-transform-origin" restriction="position, length, percentage" version="3.0" browsers="FF3.5" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-origin" syntax=".album { $(name): 20% 40%; }">
|
||
<desc>Establishes the origin of transformation for an element.</desc>
|
||
</entry>
|
||
<entry name="-moz-transition" restriction="time, property, enum" version="3.0" browsers="FF4" ref="http://www.w3.org/TR/css3-transitions/#transition" syntax="div { $(name): background-color linear 1s; }">
|
||
<desc>Shorthand property combines four of the transition properties into a single property.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-transition-delay" restriction="time" version="3.0" browsers="FF4" ref="http://www.w3.org/TR/css3-transitions/#transition-delay" syntax="div { $(name): 1s; }">
|
||
<desc>Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.</desc>
|
||
</entry>
|
||
<entry name="-moz-transition-duration" restriction="time" version="3.0" browsers="FF4" ref="http://www.w3.org/TR/css3-transitions/#transition-duration" syntax="div { $(name): 1s; }">
|
||
<desc>Specifies how long the transition from the old value to the new value should take.</desc>
|
||
</entry>
|
||
<entry name="-moz-transition-property" restriction="property" version="3.0" browsers="FF4" ref="http://www.w3.org/TR/css3-transitions/#transition-property" syntax="div { $(name): background-color; }">
|
||
<desc>Specifies the name of the CSS property to which the transition is applied.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-transition-timing-function" restriction="enum" version="3.0" browsers="FF4" ref="http://www.w3.org/TR/css3-transitions/#transition-timing-function" syntax="div { $(name): linear; }">
|
||
<desc>Describes how the intermediate values used during a transition will be calculated.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-user-focus" restriction="" version="" browsers="FF1.5" ref="https://developer.mozilla.org/en-US/docs/CSS/-moz-user-focus" syntax="div { $(name): ignore; }">
|
||
<desc>Used to indicate whether the element can have focus.</desc>
|
||
<values>
|
||
<value name="ignore" version="" browsers="all" />
|
||
<value name="normal" version="" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-moz-user-select" restriction="enum" version="3.0" browsers="FF1.5" ref="https://developer.mozilla.org/en/CSS/-moz-user-select" syntax="div { $(name): text; }">
|
||
<desc>Controls the appearance of selection.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all" />
|
||
<value name="element" version="3.0" browsers="all" />
|
||
<value name="elements" version="3.0" browsers="all" />
|
||
<value name="-moz-all" version="3.0" browsers="all" />
|
||
<value name="-moz-none" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="text" version="3.0" browsers="all" />
|
||
<value name="toggle" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-accelerator" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.css3.com/css-accelerator/" syntax="u { $(name): true; }">
|
||
<desc>IE only. Has the ability to turn off its system underlines for accelerator keys until the ALT key is pressed</desc>
|
||
<values>
|
||
<value name="false" version="3.0" browsers="all">
|
||
<desc>The element does not contain an accelerator key sequence.</desc>
|
||
</value>
|
||
<value name="true" version="3.0" browsers="all">
|
||
<desc>The element contains an accelerator key sequence.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-behavior" restriction="url" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/ie/gg192966.aspx" syntax="div { $(name): url(http://example.com/png_fix.htc); }">
|
||
<desc>IE only. Used to extend behaviors of the browser</desc>
|
||
</entry>
|
||
<entry name="-ms-block-progression" restriction="enum" version="3.0" browsers="IE8" ref="http://www.w3.org/TR/2003/CR-css3-text-20030514/#Progression" syntax="div { $(name): bt; }">
|
||
<desc>Sets the block-progression value and the flow orientation</desc>
|
||
<values>
|
||
<value name="bt" version="3.0" browsers="all">
|
||
<desc>Bottom-to-top block flow. Layout is horizontal.</desc>
|
||
</value>
|
||
<value name="lr" version="3.0" browsers="all" />
|
||
<value name="rl" version="3.0" browsers="all" />
|
||
<value name="tb" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-content-zoom-chaining" restriction="" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh441243.aspx" syntax="div { $(name): chained; }">
|
||
<desc>Gets or sets a value that indicates the zoom behavior that occurs when a user hits the content boundary during a manipulation.</desc>
|
||
<values>
|
||
<value name="chained" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-content-zooming" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh441251.aspx" syntax="div { $(name): zoom; }">
|
||
<desc>Gets or sets a value that indicates whether zooming is enabled.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="zoom" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-content-zoom-limit" restriction="percentage" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996912.aspx" syntax="div { $(name): 10%; }">
|
||
<desc>Gets or sets a shorthand value that sets values for the -ms-content-zoom-limit-min and the -ms-content-zoom-limit-max properties.</desc>
|
||
</entry>
|
||
<entry name="-ms-content-zoom-limit-max" restriction="percentage" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996913.aspx" syntax="div { $(name): 10%; }">
|
||
<desc>Gets or sets a value that specifies the maximum value for the msContentZoomFactor property.</desc>
|
||
</entry>
|
||
<entry name="-ms-content-zoom-limit-min" restriction="percentage" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996914.aspx" syntax="div { $(name): 10%; }">
|
||
<desc>Gets or sets a value that specifies the minimum value for the msContentZoomFactor property.</desc>
|
||
</entry>
|
||
<entry name="-ms-content-zoom-snap" restriction="" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh441255.aspx" syntax="header { $(name): proximity; }">
|
||
<desc>Gets or sets a shorthand value that sets values for the -ms-content-zoom-snap-type and the -ms-content-zoom-snap-points properties.</desc>
|
||
<values>
|
||
<value name="mandatory" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="proximity" version="3.0" browsers="all" />
|
||
<value name="snapInterval(100%, 100%)" version="3.0" browsers="all" />
|
||
<value name="snapList()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-content-zoom-snap-points" restriction="" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh441259.aspx">
|
||
<desc>Gets or sets a value that defines where zoom snap-points are located.</desc>
|
||
<values>
|
||
<value name="snapInterval(100%, 100%)" version="3.0" browsers="all" />
|
||
<value name="snapList()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-content-zoom-snap-type" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh441264.aspx" syntax="header { $(name): proximity; }">
|
||
<desc>Gets or sets a value that indicates how zooming is affected by defined snap-points.</desc>
|
||
<values>
|
||
<value name="mandatory" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="proximity" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-filter" restriction="string" version="3.0" browsers="IE8-9" ref="http://msdn.microsoft.com/en-us/ie/gg192966.aspx" syntax="div { $(name): 'alpha(opacity = 50)'; }">
|
||
<desc>IE only. Used to produce visual effects.</desc>
|
||
</entry>
|
||
<entry name="-ms-flex" restriction="length, number, percentage" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex" syntax="p { $(name): 1 auto; }">
|
||
<desc>specifies the parameters of a flexible length: the positive and negative flexibility, and the preferred size.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flex-align" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-align0" syntax="div { $(name): center; }">
|
||
<desc>Aligns flex items along the cross axis of the current line of the flex container.</desc>
|
||
<values>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The flex item’s margin box is centered in the cross axis within the line.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>The cross-start margin edge of the flexbox item is placed flush with the cross-start edge of the line.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>If the cross size property of the flexbox item is anything other than 'auto', this value is identical to 'start'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flex-direction" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-direction0" syntax="div { $(name): column; }">
|
||
<desc>Specifies how flex items are placed in the flex container, by setting the direction of the flex container’s main axis.</desc>
|
||
<values>
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the block axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="column-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'column', except the main-start and main-end directions are swapped.</desc>
|
||
</value>
|
||
<value name="row" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the inline axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="row-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'row', except the main-start and main-end directions are swapped.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flex-flow" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-flow" syntax="div { $(name): column wrap; }">
|
||
<desc>Specifies how flexbox items are placed in the flexbox.</desc>
|
||
<values>
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the block axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="column-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'column', except the main-start and main-end directions are swapped.</desc>
|
||
</value>
|
||
<value name="nowrap" version="3.0" browsers="all">
|
||
<desc>The flex container is single-line.</desc>
|
||
</value>
|
||
<value name="row" version="3.0" browsers="all">
|
||
<desc>The flex container’s main axis has the same orientation as the inline axis of the current writing mode.</desc>
|
||
</value>
|
||
<value name="wrap" version="3.0" browsers="all">
|
||
<desc>The flexbox is multi-line.</desc>
|
||
</value>
|
||
<value name="wrap-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'wrap', except the cross-start and cross-end directions are swapped.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flex-item-align" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-item-align" syntax="div { $(name): center; }">
|
||
<desc>Allows the default alignment along the cross axis to be overridden for individual flex items.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The flex item’s margin box is centered in the cross axis within the line.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flex-line-pack" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-line-pack0" syntax="div { $(name): justify; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Lines are packed toward the center of the flex container.</desc>
|
||
</value>
|
||
<value name="distribute" version="3.0" browsers="all">
|
||
<desc>Lines are evenly distributed in the flex container, with half-size spaces on either end.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>Lines are packed toward the end of the flex container.</desc>
|
||
</value>
|
||
<value name="justify" version="3.0" browsers="all">
|
||
<desc>Lines are evenly distributed in the flex container.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>Lines are packed toward the start of the flex container.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>Lines stretch to take up the remaining space.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flex-order" restriction="integer" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-order0" syntax="p { $(name): 1; }">
|
||
<desc>Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.</desc>
|
||
</entry>
|
||
<entry name="-ms-flex-pack" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-pack0" syntax="div { $(name): justify; }">
|
||
<desc>Aligns flex items along the main axis of the current line of the flex container.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Flex items are packed toward the center of the line.</desc>
|
||
</value>
|
||
<value name="distribute" version="3.0" browsers="all">
|
||
<desc>Flex items are evenly distributed in the line, with half-size spaces on either end.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>Flex items are packed toward the end of the line.</desc>
|
||
</value>
|
||
<value name="justify" version="3.0" browsers="all">
|
||
<desc>Flex items are evenly distributed in the line.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>Flex items are packed toward the start of the line.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flex-wrap" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-flexbox/#flex-wrap" syntax="div { $(name): nowrap; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="nowrap" version="3.0" browsers="all">
|
||
<desc>The flex container is single-line.</desc>
|
||
</value>
|
||
<value name="wrap" version="3.0" browsers="all">
|
||
<desc>The flexbox is multi-line.</desc>
|
||
</value>
|
||
<value name="wrap-reverse" version="3.0" browsers="all">
|
||
<desc>Same as 'wrap', except the cross-start and cross-end directions are swapped.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flow-from" restriction="identifier" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-regions/#flow-from" syntax="div { $(name): identifier; }">
|
||
<desc>Makes a block container a region and associates it with a named flow.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The block container is not a CSS Region.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-flow-into" restriction="identifier" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-regions/#flow-into" syntax="div { $(name): identifier; }">
|
||
<desc>Places an element or its contents into a named flow.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The element is not moved to a named flow and normal CSS processing takes place.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-grid-column" restriction="integer, string, enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-column" syntax="#item1 { $(name): start end; }">
|
||
<desc>grid-column is used to place grid items and explicitly defined grid cells in the Grid.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="end" version="3.0" browsers="all" />
|
||
<value name="start" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-grid-column-align" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-column-align" syntax="article { $(name): center; }">
|
||
<desc>Aligns the columns in a grid.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Places the center of the Grid Item's margin box at the center of the Grid Item's column.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's column.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's column.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>Ensures that the Grid Item's margin box is equal to the size of the Grid Item's column.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-grid-columns" restriction="" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-columns" syntax="div { $(name): 150px 1fr; }">
|
||
<desc>Lays out the columns of the grid.</desc>
|
||
</entry>
|
||
<entry name="-ms-grid-column-span" restriction="integer" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-row-span-and-grid-column-span" syntax="#item { $(name): 2; }.">
|
||
<desc>Specifies the number of columns to span.</desc>
|
||
</entry>
|
||
<entry name="-ms-grid-layer" restriction="integer" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/#grid-layer" syntax="div { $(name): 2; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-ms-grid-row" restriction="integer, string, enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-row" syntax="#item1 { $(name): start end; }">
|
||
<desc>grid-row is used to place grid items and explicitly defined grid cells in the Grid.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="end" version="3.0" browsers="all" />
|
||
<value name="start" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-grid-row-align" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-row-align" syntax="div { $(name): stretch; }">
|
||
<desc>Aligns the rows in a grid.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Places the center of the Grid Item's margin box at the center of the Grid Item's row.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's row.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's row.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>Ensures that the Grid Item's margin box is equal to the size of the Grid Item's row.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-grid-rows" restriction="" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-rows" syntax="div { $(name): 50px 1fr 50px; }">
|
||
<desc>Lays out the columns of the grid.</desc>
|
||
</entry>
|
||
<entry name="-ms-grid-row-span" restriction="integer" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-grid-layout/#grid-row-span-and-grid-column-span" syntax="#item { $(name): 2; }.">
|
||
<desc>Specifies the number of rows to span.</desc>
|
||
</entry>
|
||
<entry name="-ms-high-contrast-adjust" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh441137.aspx" syntax="section { $(name): auto; }">
|
||
<desc>Gets or sets a value that indicates whether to override any Cascading Style Sheets (CSS) properties that would have been set in high contrast mode.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-hyphenate-limit-chars" restriction="integer" version="4.0" browsers="E,IE10" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-chars" syntax="div { $(name): 5 2 2; }">
|
||
<desc>Specifies the minimum number of characters in a hyphenated word.</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>The user agent chooses a value that adapts to the current layout.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-hyphenate-limit-lines" restriction="integer" version="4.0" browsers="E,IE10" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-lines" syntax="div { $(name): 2; }">
|
||
<desc>Indicates the maximum number of successive hyphenated lines in an element.</desc>
|
||
<values>
|
||
<value name="no-limit" version="4.0" browsers="all">
|
||
<desc>There is no limit.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-hyphenate-limit-zone" restriction="percentage, length" version="4.0" browsers="E,IE10" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-zone" syntax="div { $(name): 25%; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-ms-hyphens" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-text/#hyphens0" syntax="div { $(name): manual; }">
|
||
<desc>Controls whether hyphenation is allowed to create more break opportunities within a line of text.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.</desc>
|
||
</value>
|
||
<value name="manual" version="3.0" browsers="all">
|
||
<desc>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Words are not broken at line breaks, even if characters inside the word suggest line break points.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-ime-mode" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-ui/#ime-mode" syntax="body { $(name): active; }">
|
||
<desc>Controls the state of the input method editor for text fields.</desc>
|
||
<values>
|
||
<value name="active" version="3.0" browsers="all">
|
||
<desc>The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>No change is made to the current input method editor state. This is the default.</desc>
|
||
</value>
|
||
<value name="disabled" version="3.0" browsers="all">
|
||
<desc>The input method editor is disabled and may not be activated by the user.</desc>
|
||
</value>
|
||
<value name="inactive" version="3.0" browsers="all">
|
||
<desc>The input method editor is initially inactive, but the user may activate it if they wish.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>The IME state should be normal; this value can be used in a user style sheet to override the page setting.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-interpolation-mode" restriction="enum" version="3.0" browsers="IE7" ref="http://msdn.microsoft.com/en-us/library/ie/ms530822(v=vs.85).aspx" syntax="img.highqual { $(name): bicubic; }">
|
||
<desc>Gets or sets the interpolation (resampling) method used to stretch images.</desc>
|
||
<values>
|
||
<value name="bicubic" version="3.0" browsers="all" />
|
||
<value name="nearest-neighbor" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-layout-grid" restriction="" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/ie/ms530771(v=vs.85).aspx" syntax="div { $(name): both fixed 12px 12px}">
|
||
<desc>Sets or retrieves the composite document grid properties that specify the layout of text characters.</desc>
|
||
<values>
|
||
<value name="char" version="3.0" browsers="all">
|
||
<desc>Any of the range of character values available to the -ms-layout-grid-char property.</desc>
|
||
</value>
|
||
<value name="line" version="3.0" browsers="all">
|
||
<desc>Any of the range of line values available to the -ms-layout-grid-line property.</desc>
|
||
</value>
|
||
<value name="mode" version="3.0" browsers="all">
|
||
<desc>Any of the range of mode values available to the -ms-layout-grid-mode property.</desc>
|
||
</value>
|
||
<value name="type" version="3.0" browsers="all">
|
||
<desc>Any of the range of type values available to the -ms-layout-grid-type property.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-layout-grid-char" restriction="enum, length, percentage" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/ie/ms530772(v=vs.85).aspx" syntax="div { $(name): auto; }">
|
||
<desc>Sets or retrieves the size of the character grid used for rendering the text content of an element.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Largest character in the font of the element is used to set the character grid.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Default. No character grid is set.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-layout-grid-line" restriction="length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/ie/ms530773(v=vs.85).aspx" syntax="div { $(name): auto; }">
|
||
<desc>Sets or retrieves the gridline value used for rendering the text content of an element.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Largest character in the font of the element is used to set the character grid.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Default. No grid line is set.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-layout-grid-mode" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/ie/ms530774(v=vs.85).aspx" syntax="div { $(name): line; }">
|
||
<desc>Gets or sets whether the text layout grid uses two dimensions.</desc>
|
||
<values>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Default. Both the char and line grid modes are enabled. This setting is necessary to fully enable the layout grid on an element.</desc>
|
||
</value>
|
||
<value name="char" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="line" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No grid is used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-layout-grid-type" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/ie/ms530775(v=vs.85).aspx" syntax="div { $(name): strict; }">
|
||
<desc>Sets or retrieves the type of grid used for rendering the text content of an element.</desc>
|
||
<values>
|
||
<value name="fixed" version="3.0" browsers="all">
|
||
<desc>Grid used for monospaced layout. All noncursive characters are treated as equal; every character is centered within a single grid space by default.</desc>
|
||
</value>
|
||
<value name="loose" version="3.0" browsers="all">
|
||
<desc>Default. Grid used for Japanese and Korean characters.</desc>
|
||
</value>
|
||
<value name="strict" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-line-break" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-text/#line-break0" syntax="p { $(name): strict; }">
|
||
<desc>Specifies what set of line breaking restrictions are in effect within the element.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="keep-all" version="3.0" browsers="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.</desc>
|
||
</value>
|
||
<value name="newspaper" version="3.0" browsers="all">
|
||
<desc>Breaks CJK scripts using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Breaks CJK scripts using a normal set of line-breaking rules.</desc>
|
||
</value>
|
||
<value name="strict" version="3.0" browsers="all">
|
||
<desc>Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-overflow-style" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh441298.aspx" syntax="p { $(name): scrollbar; }">
|
||
<desc>Specify whether content is clipped when it overflows the element's content area.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>No preference, UA should use the first scrolling method in the list that it supports.</desc>
|
||
</value>
|
||
<value name="-ms-autohiding-scrollbar" version="3.0" browsers="all">
|
||
<desc>Indicates the element displays auto-hiding scrollbars during mouse interactions and panning indicators during touch and keyboard interactions.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Indicates the element does not display scrollbars or panning indicators, even when its content overflows.</desc>
|
||
</value>
|
||
<value name="scrollbar" version="3.0" browsers="all">
|
||
<desc>Scrollbars are typically narrow strips inserted on one or two edges of an element and which often have arrows to click on and a "thumb" to drag up and down (or left and right) to move the contents of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-perspective" restriction="length" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective" syntax="div { $(name): none; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No perspective transform is applied.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-perspective-origin" restriction="position, percentage, length" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective-origin" syntax="div { $(name): 10px; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-ms-perspective-origin-x" restriction="position, percentage, length" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective-origin">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-ms-perspective-origin-y" restriction="position, percentage, length" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective-origin">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-ms-progress-appearance" restriction="enum" version="3.0" browsers="IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/Hh779845.aspx" syntax="progress { $(name): bar; }">
|
||
<desc>Gets or sets a value that specifies whether a progress control displays as a bar or a ring.</desc>
|
||
<values>
|
||
<value name="bar" version="3.0" browsers="all" />
|
||
<value name="ring" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-3dlight-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531153(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-arrow-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531154(VS.85).aspx" syntax="body { $(name): #00ffff; }">
|
||
<desc>Determines the color of the arrow elements of a scroll arrow.</desc>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-base-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531155(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.</desc>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-darkshadow-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531156(v=VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the gutter of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-face-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531157(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-highlight-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531158(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-shadow-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531159(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="-ms-scrollbar-track-color" restriction="color" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/library/ms531160(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the track element of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="-ms-scroll-chaining" restriction="enum, length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466007.aspx" syntax="div { $(name): chained; }">
|
||
<desc>Gets or sets a value that indicates the scrolling behavior that occurs when a user hits the content boundary during a manipulation.</desc>
|
||
<values>
|
||
<value name="chained" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-limit" restriction="length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996918.aspx">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-limit-x-max" restriction="length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996919.aspx" syntax="div { $(name): auto; }">
|
||
<desc>Gets or sets a value that specifies the maximum value for the scrollLeft property.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-limit-x-min" restriction="length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996920.aspx" syntax="div { $(name): 5px; }">
|
||
<desc>Gets or sets a value that specifies the minimum value for the scrollLeft property.</desc>
|
||
</entry>
|
||
<entry name="-ms-scroll-limit-y-max" restriction="length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996921.aspx" syntax="div { $(name): auto; }">
|
||
<desc>Gets or sets a value that specifies the maximum value for the scrollTop property.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-limit-y-min" restriction="length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996922.aspx" syntax="div { $(name): 5px; }">
|
||
<desc>Gets or sets a value that specifies the minimum value for the scrollTop property.</desc>
|
||
</entry>
|
||
<entry name="-ms-scroll-rails" restriction="enum, length" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466018.aspx" syntax="div { $(name): railed; }">
|
||
<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).</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="railed" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-snap-points-x" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466031.aspx" syntax="div { $(name): snapInterval(100%, 100%); }">
|
||
<desc>Gets or sets a value that defines where snap-points will be located along the x-axis.</desc>
|
||
<values>
|
||
<value name="snapInterval(100%, 100%)" version="3.0" browsers="all" />
|
||
<value name="snapList()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-snap-points-y" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466042.aspx" syntax="div { $(name): snapInterval(100%, 100%); }">
|
||
<desc>Gets or sets a value that defines where snap-points will be located along the y-axis.</desc>
|
||
<values>
|
||
<value name="snapInterval(100%, 100%)" version="3.0" browsers="all" />
|
||
<value name="snapList()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-snap-type" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466057.aspx" syntax="div { $(name): proximity; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The visual viewport of this scroll container must ignore snap points, if any, when scrolled.</desc>
|
||
</value>
|
||
<value name="mandatory" version="3.0" browsers="all">
|
||
<desc>The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations.</desc>
|
||
</value>
|
||
<value name="proximity" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-snap-x" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466066.aspx" syntax="div { $(name): proximity snapInterval(100%, 100%); }">
|
||
<desc>Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.</desc>
|
||
<values>
|
||
<value name="mandatory" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="proximity" version="3.0" browsers="all" />
|
||
<value name="snapInterval(100%, 100%)" version="3.0" browsers="all" />
|
||
<value name="snapList()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-snap-y" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466078.aspx" syntax="div { $(name): proximity snapInterval(100%, 100%); }">
|
||
<desc>Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.</desc>
|
||
<values>
|
||
<value name="mandatory" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="proximity" version="3.0" browsers="all" />
|
||
<value name="snapInterval(100%, 100%)" version="3.0" browsers="all" />
|
||
<value name="snapList()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-scroll-translation" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh996917.aspx" syntax="div { $(name): vertical-to-horizontal; }">
|
||
<desc>Gets or sets a value that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="vertical-to-horizontal" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-text-align-last" restriction="enum" version="3.0" browsers="E,IE8" ref="http://www.w3.org/TR/css3-text/#text-align-last0" syntax="div { $(name): right; }">
|
||
<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'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The inline contents are centered within the line box.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="none">
|
||
<desc>The inline contents are aligned to the end edge of the line box.</desc>
|
||
</value>
|
||
<value name="justify" version="3.0" browsers="all">
|
||
<desc>The text is justified according to the method specified by the 'text-justify' property.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="none">
|
||
<desc>The inline contents are aligned to the start edge of the line box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-text-autospace" restriction="enum" version="3.0" browsers="E,IE8" ref="http://www.w3.org/TR/css3-text/#text-autospace" syntax="div { $(name): ideograph-numeric; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="ideograph-alpha" version="3.0" browsers="all">
|
||
<desc>Creates 1/4em extra spacing between runs of ideographic letters and non-ideographic letters, such as Latin-based, Cyrillic, Greek, Arabic or Hebrew.</desc>
|
||
</value>
|
||
<value name="ideograph-numeric" version="3.0" browsers="all">
|
||
<desc>Creates 1/4em extra spacing between runs of ideographic letters and numeric glyphs.</desc>
|
||
</value>
|
||
<value name="ideograph-parenthesis" version="3.0" browsers="all">
|
||
<desc>Creates extra spacing between normal (non wide) parenthesis and ideographs.</desc>
|
||
</value>
|
||
<value name="ideograph-space" version="3.0" browsers="all">
|
||
<desc>Extends the width of the space character while surrounded by ideographs.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No extra space is created.</desc>
|
||
</value>
|
||
<value name="punctuation" version="3.0" browsers="all">
|
||
<desc>Creates extra non-breaking spacing around punctuation as required by language-specific typographic conventions.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-text-combine-horizontal" restriction="enum, integer" version="3.0" browsers="E,IE11" ref="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright" syntax="span { $(name): all; }">
|
||
<desc>This property specifies the combination of multiple characters into the space of a single character.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="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.</desc>
|
||
</value>
|
||
<value name="digits" version="3.0" browsers="all">
|
||
<desc>Attempt to typeset horizontally each maximal sequence of consecutive ASCII digits (U+0030–U+0039) that has as many or fewer characters than the specified integer such that it takes up the space of a single character within the vertical line box.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No special processing.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-text-justify" restriction="enum" version="3.0" browsers="E,IE8" ref="http://www.w3.org/TR/css3-text/#text-justify0" syntax="div { $(name): inter-word; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality.</desc>
|
||
</value>
|
||
<value name="distribute" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="inter-cluster" version="3.0" browsers="all">
|
||
<desc>Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai.</desc>
|
||
</value>
|
||
<value name="inter-ideograph" version="3.0" browsers="all">
|
||
<desc>Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages.</desc>
|
||
</value>
|
||
<value name="inter-word" version="3.0" browsers="all">
|
||
<desc>Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean.</desc>
|
||
</value>
|
||
<value name="kashida" version="3.0" browsers="all">
|
||
<desc>Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="none">
|
||
<desc>Justification is disabled.</desc>
|
||
</value>
|
||
<value name="trim" version="3.0" browsers="none">
|
||
<desc>Specifies that compression is preferred to expansion and enables the trimming of blank space in glyphs where allowed by typographic tradition.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-text-kashida-space" restriction="percentage" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh453798.aspx" syntax="article { $(name): 10%; }">
|
||
<desc>Sets or retrieves the ratio of kashida expansion to white space expansion when justifying lines of text in the object.</desc>
|
||
</entry>
|
||
<entry name="-ms-text-overflow" restriction="enum" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-ui/#text-overflow0" syntax="span { $(name): ellipsis; }">
|
||
<desc>Text can overflow for example when it is prevented from wrapping</desc>
|
||
<values>
|
||
<value name="clip" version="3.0" browsers="all">
|
||
<desc>Clip inline content that overflows. Characters may be only partially rendered.</desc>
|
||
</value>
|
||
<value name="ellipsis" version="3.0" browsers="all">
|
||
<desc>Render an ellipsis character (U+2026) to represent clipped inline content.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-text-size-adjust" restriction="enum, percentage" version="3.0" browsers="E,IE10" ref="http://dev.w3.org/csswg/css-size-adjust/" syntax="body { $(name): 150%; }">
|
||
<desc>Specifies a size adjustment for displaying text content in mobile browsers.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Renderers must use the default size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Renderers must not do size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-text-underline-position" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-text/#text-underline-position0" syntax="div { $(name): auto; }">
|
||
<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</desc>
|
||
<values>
|
||
<value name="alphabetic" version="3.0" browsers="all">
|
||
<desc>The underline is aligned with the alphabetic baseline. In this case the underline is likely to cross some descenders.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="over" version="3.0" browsers="all">
|
||
<desc>The underline is aligned with the 'top' (right in vertical writing) edge of the element's em-box. In this mode, an overline also switches sides.</desc>
|
||
</value>
|
||
<value name="under" version="3.0" browsers="all">
|
||
<desc>The underline is aligned with the 'bottom' (left in vertical writing) edge of the element's em-box. In this case the underline usually does not cross the descenders. This is sometimes called 'accounting' underline.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-touch-action" restriction="enum" version="3.0" browsers="IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx" syntax="div { $(name): manipulation double-tap-zoom; }">
|
||
<desc>Gets or sets a value that indicates whether and how a given region can be manipulated by the user.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The element is a passive element, with several exceptions.</desc>
|
||
</value>
|
||
<value name="double-tap-zoom" version="3.0" browsers="all">
|
||
<desc>The element will zoom on double-tap.</desc>
|
||
</value>
|
||
<value name="manipulation" version="3.0" browsers="all">
|
||
<desc>The element is a manipulation-causing element.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The element is a manipulation-blocking element.</desc>
|
||
</value>
|
||
<value name="pan-x" version="3.0" browsers="all">
|
||
<desc>The element permits touch-driven panning on the horizontal axis. The touch pan is performed on the nearest ancestor with horizontally scrollable content.</desc>
|
||
</value>
|
||
<value name="pan-y" version="3.0" browsers="all">
|
||
<desc>The element permits touch-driven panning on the vertical axis. The touch pan is performed on the nearest ancestor with vertically scrollable content.</desc>
|
||
</value>
|
||
<value name="pinch-zoom" version="3.0" browsers="all">
|
||
<desc>The element permits pinch-zooming. The pinch-zoom is performed on the nearest ancestor with zoomable content.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-touch-select" restriction="enum" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/ie/hh975292(v=vs.85).aspx" syntax="div::selection { $(name): grippers; }">
|
||
<desc>Gets or sets a value that toggles the 'gripper' visual elements that enable touch text selection.</desc>
|
||
<values>
|
||
<value name="grippers" version="3.0" browsers="all">
|
||
<desc>Grippers are always on.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Grippers are always off.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-transform" restriction="enum" version="3.0" browsers="IE9-9" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-property" syntax="div { $(name): rotate(-90deg); }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="matrix()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]</desc>
|
||
</value>
|
||
<value name="matrix3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="rotate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.</desc>
|
||
</value>
|
||
<value name="rotate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.</desc>
|
||
</value>
|
||
<value name="rotateX('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the X axis.</desc>
|
||
</value>
|
||
<value name="rotateY('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Y axis.</desc>
|
||
</value>
|
||
<value name="rotateZ('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Z axis.</desc>
|
||
</value>
|
||
<value name="scale()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.</desc>
|
||
</value>
|
||
<value name="scale3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.</desc>
|
||
</value>
|
||
<value name="scaleX()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleY()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.</desc>
|
||
</value>
|
||
<value name="skew()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).</desc>
|
||
</value>
|
||
<value name="skewX()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X axis by the given angle.</desc>
|
||
</value>
|
||
<value name="skewY()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the Y axis by the given angle.</desc>
|
||
</value>
|
||
<value name="translate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.</desc>
|
||
</value>
|
||
<value name="translate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.</desc>
|
||
</value>
|
||
<value name="translateX()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the X direction.</desc>
|
||
</value>
|
||
<value name="translateY()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Y direction.</desc>
|
||
</value>
|
||
<value name="translateZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-transform-origin" restriction="position, length, percentage" version="3.0" browsers="IE9-9" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-origin" syntax=".album { $(name): 20% 40%; }">
|
||
<desc>Establishes the origin of transformation for an element.</desc>
|
||
</entry>
|
||
<entry name="-ms-transform-origin-x" restriction="length, percentage" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-3d-transforms/#transform-origin">
|
||
<desc>The x coordinate of the origin for transforms applied to an element with respect to its border box.</desc>
|
||
</entry>
|
||
<entry name="-ms-transform-origin-y" restriction="length, percentage" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-3d-transforms/#transform-origin">
|
||
<desc>The y coordinate of the origin for transforms applied to an element with respect to its border box.</desc>
|
||
</entry>
|
||
<entry name="-ms-transform-origin-z" restriction="length, percentage" version="3.0" browsers="IE10" ref="http://www.w3.org/TR/css3-3d-transforms/#transform-origin">
|
||
<desc>The z coordinate of the origin for transforms applied to an element with respect to its border box.</desc>
|
||
</entry>
|
||
<entry name="-ms-user-select" restriction="enum" version="3.0" browsers="E,IE10" ref="http://ie.microsoft.com/testdrive/HTML5/msUserSelect/" syntax="div { $(name): none; }">
|
||
<desc>Controls the appearance of selection.</desc>
|
||
<values>
|
||
<value name="element" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="text" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-word-break" restriction="enum" version="3.0" browsers="IE8" ref="http://www.w3.org/TR/css3-text/#word-break0" syntax="p.album { $(name): break-all; }">
|
||
<desc>Specifies line break opportunities for non-CJK scripts.</desc>
|
||
<values>
|
||
<value name="break-all" version="3.0" browsers="all">
|
||
<desc>Lines may break between any two grapheme clusters for non-CJK scripts.</desc>
|
||
</value>
|
||
<value name="keep-all" version="3.0" browsers="all">
|
||
<desc>Block characters can no longer create implied break points.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Breaks non-CJK scripts according to their own rules.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-word-wrap" restriction="enum" version="3.0" browsers="IE8" ref="http://www.w3.org/TR/css3-text/#word-wrap0" syntax="p { $(name): break-word; }">
|
||
<desc>Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.</desc>
|
||
<values>
|
||
<value name="break-word" version="3.0" browsers="all">
|
||
<desc>An unbreakable 'word' may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line.</desc>
|
||
</value>
|
||
<value name="hyphenate" version="3.0" browsers="none">
|
||
<desc>An unbreakable 'word' may be hyphenated if there are no otherwise-acceptable break points in the line even if hyphenation is turned off.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Lines may break only at allowed break points.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-wrap-flow" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" syntax="div { $(name): maximum; }">
|
||
<desc>An element becomes an exclusion when its 'wrap-flow' property has a computed value other than 'auto'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>For floats an exclusion is created, for all other elements an exclusion is not created.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Inline flow content can flow on all sides of the exclusion.</desc>
|
||
</value>
|
||
<value name="clear" version="3.0" browsers="all">
|
||
<desc>Inline flow content can only wrap on top and bottom of the exclusion and must leave the areas to the start and end edges of the exclusion box empty.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="maximum" version="3.0" browsers="all">
|
||
<desc>Inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave the other side of the exclusion empty.</desc>
|
||
</value>
|
||
<value name="minimum" version="3.0" browsers="all">
|
||
<desc>Inline flow content can flow around the edge of the exclusion with the smallest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-wrap-margin" restriction="length, percentage" version="3.0" browsers="E,IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466103.aspx" syntax="div { $(name): 20px; }">
|
||
<desc>Gets or sets a value that is used to offset the inner wrap shape from other shapes.</desc>
|
||
</entry>
|
||
<entry name="-ms-wrap-through" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-exclusions/#propdef-wrap-through" syntax="div { $(name): wrap; }">
|
||
<desc>Specifies if an element inherits its parent wrapping context. In other words if it is subject to the exclusions defined outside the element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="wrap" version="3.0" browsers="all">
|
||
<desc>The exclusion element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-writing-mode" restriction="enum" version="3.0" browsers="IE8" ref="http://www.w3.org/TR/2003/CR-css3-text-20030514/#writing-mode" syntax="span { $(name): lr-tb; }">
|
||
<desc>Shorthand property for both 'direction' and 'block-progression'.</desc>
|
||
<values>
|
||
<value name="bt-lr" version="3.0" browsers="all" />
|
||
<value name="bt-rl" version="3.0" browsers="all" />
|
||
<value name="lr-bt" version="3.0" browsers="all" />
|
||
<value name="lr-tb" version="3.0" browsers="all" />
|
||
<value name="rl-bt" version="3.0" browsers="all" />
|
||
<value name="rl-tb" version="3.0" browsers="all" />
|
||
<value name="tb-lr" version="3.0" browsers="all" />
|
||
<value name="tb-rl" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-zoom" restriction="enum, integer, number, percentage" version="3.0" browsers="IE8" ref="http://msdn.microsoft.com/en-us/ie/gg192966.aspx" syntax=".example { $(name): 1; }">
|
||
<desc>Sets or retrieves the magnification scale of the object.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-ms-zoom-animation" restriction="enum" version="3.0" browsers="IE10" ref="http://msdn.microsoft.com/en-us/library/windows/apps/hh466117.aspx" syntax="div { $(name): none; }">
|
||
<desc>Gets or sets a value that indicates whether an animation is used when zooming.</desc>
|
||
<values>
|
||
<value name="default" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="nav-down" restriction="enum, identifier, string" version="3.0" browsers="O9.5" ref="http://www.w3.org/TR/css3-ui/#nav-dir" syntax="auto | 'id' [ current | root | 'target-name' ]?">
|
||
<desc>Provides an way to control directional focus navigation.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The user agent automatically determines which element to navigate the focus to in response to directional navigational input.</desc>
|
||
</value>
|
||
<value name="current" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the frame that the element is in.</desc>
|
||
</value>
|
||
<value name="root" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the full window.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="nav-index" restriction="number" version="3.0" browsers="O9.5" ref="http://www.w3.org/TR/css3-ui/#nav-index0" syntax="auto | 'number'">
|
||
<desc>Provides an input-method-neutral way of specifying the sequential navigation order (also known as 'tabbing order').</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The element's sequential navigation order is assigned automatically by the user agent.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="nav-left" restriction="enum, identifier, string" version="3.0" browsers="O9.5" ref="http://www.w3.org/TR/css3-ui/#nav-dir" syntax="auto | 'id' [ current | root | 'target-name' ]?">
|
||
<desc>Provides an way to control directional focus navigation.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The user agent automatically determines which element to navigate the focus to in response to directional navigational input.</desc>
|
||
</value>
|
||
<value name="current" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the frame that the element is in.</desc>
|
||
</value>
|
||
<value name="root" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the full window.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="nav-right" restriction="enum, identifier, string" version="3.0" browsers="O9.5" ref="http://www.w3.org/TR/css3-ui/#nav-dir" syntax="auto | 'id' [ current | root | 'target-name' ]?">
|
||
<desc>Provides an way to control directional focus navigation.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The user agent automatically determines which element to navigate the focus to in response to directional navigational input.</desc>
|
||
</value>
|
||
<value name="current" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the frame that the element is in.</desc>
|
||
</value>
|
||
<value name="root" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the full window.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="nav-up" restriction="enum, identifier, string" version="3.0" browsers="O9.5" ref="http://www.w3.org/TR/css3-ui/#nav-dir" syntax="auto | 'id' [ current | root | 'target-name' ]?">
|
||
<desc>Provides an way to control directional focus navigation.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The user agent automatically determines which element to navigate the focus to in response to directional navigational input.</desc>
|
||
</value>
|
||
<value name="current" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the frame that the element is in.</desc>
|
||
</value>
|
||
<value name="root" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent should target the full window.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="negative" restriction="image, identifier, string" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-negative" syntax="@counter-style { negative: '(' ')'; }">
|
||
<desc>Defines how to alter the representation when the counter value is negative.</desc>
|
||
</entry>
|
||
<entry name="-o-animation" restriction="time, enum, identifier, number" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation" syntax="div { $(name): movearound 4s ease 3 normal; }">
|
||
<desc>Shorthand property combines six of the animation properties into a single property.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="backwards" version="3.0" browsers="all">
|
||
<desc>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'.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Both forwards and backwards fill modes are applied.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="forwards" version="3.0" browsers="all">
|
||
<desc>The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.</desc>
|
||
</value>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-animation-delay" restriction="time" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation-delay" syntax="div { $(name): 4s; }">
|
||
<desc>Defines when the animation will start.</desc>
|
||
</entry>
|
||
<entry name="-o-animation-direction" restriction="enum" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation-direction" syntax="div { $(name): normal; }">
|
||
<desc>Defines whether or not the animation should play in reverse on alternate cycles.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-animation-duration" restriction="time" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation-duration" syntax="div { $(name): 4s; }">
|
||
<desc>Defines the length of time that an animation takes to complete one cycle.</desc>
|
||
</entry>
|
||
<entry name="-o-animation-fill-mode" restriction="enum" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation-fill-mode-property" syntax="div { $(name): forwards; }">
|
||
<desc>Defines what values are applied by the animation outside the time it is executing.</desc>
|
||
<values>
|
||
<value name="backwards" version="3.0" browsers="all">
|
||
<desc>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'.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Both forwards and backwards fill modes are applied.</desc>
|
||
</value>
|
||
<value name="forwards" version="3.0" browsers="all">
|
||
<desc>The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-animation-iteration-count" restriction="number, enum" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation-iteration-count" syntax="div { $(name): 3; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-animation-name" restriction="identifier, enum" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#the-animation-name-property-" syntax="div { $(name): movearound; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-animation-play-state" restriction="enum" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation-play-state" syntax="div { $(name): running; }">
|
||
<desc>Defines whether the animation is running or paused.</desc>
|
||
<values>
|
||
<value name="paused" version="3.0" browsers="all">
|
||
<desc>A running animation will be paused.</desc>
|
||
</value>
|
||
<value name="running" version="3.0" browsers="all">
|
||
<desc>Resume playback of a paused animation.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-animation-timing-function" restriction="enum" version="3.0" browsers="O12" ref="http://www.w3.org/TR/css3-animations/#animation-timing-function" syntax="div { $(name): ease; }">
|
||
<desc>Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="object-fit" restriction="enum" version="3.0" browsers="C32,FF36,O19,S7.1" ref="http://www.w3.org/TR/css4-images/#object-fit" syntax="p { $(name): cover; }">
|
||
<desc>Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.</desc>
|
||
<values>
|
||
<value name="contain" version="3.0" browsers="all" />
|
||
<value name="cover" version="3.0" browsers="all" />
|
||
<value name="fill" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="scale-down" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="object-position" restriction="position, length, percentage" version="3.0" browsers="C32,FF36,O19" ref="http://www.w3.org/TR/css4-images/#object-position" syntax="img { $(name): left top; }">
|
||
<desc>Determines the alignment of the replaced element inside its box.</desc>
|
||
</entry>
|
||
<entry name="-o-border-image" restriction="length, percentage, number, url, enum" version="3.0" browsers="O11.6" ref="http://www.w3.org/TR/css3-background/#border-image" syntax="div { $(name): url(border.png) 0 5 0 5;}">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>Causes the middle part of the border-image to be preserved.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="repeat" version="3.0" browsers="all">
|
||
<desc>The image is tiled (repeated) to fill the area.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="space" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The image is stretched to fill the area.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-object-fit" restriction="enum" version="3.0" browsers="O10.6" ref="http://www.w3.org/TR/css4-images/#object-fit" syntax="p { $(name): cover; }">
|
||
<desc>Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.</desc>
|
||
<values>
|
||
<value name="contain" version="3.0" browsers="all" />
|
||
<value name="cover" version="3.0" browsers="all" />
|
||
<value name="fill" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="scale-down" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-object-position" restriction="position, length, percentage" version="3.0" browsers="O10.6" ref="http://www.w3.org/TR/css4-images/#object-position" syntax="img { $(name): left top; }">
|
||
<desc>Determines the alignment of the replaced element inside its box.</desc>
|
||
</entry>
|
||
<entry name="opacity" restriction="number(0-1)" version="3.0" browsers="C,FF3.6,IE9,O9,S1.2" ref="http://www.w3.org/TR/css3-color/#opacity" syntax="article { $(name): opacity: 0.4; }">
|
||
<desc>Opacity of an element's text, where 1 is opaque and 0 is entirely transparent.</desc>
|
||
</entry>
|
||
<entry name="order" restriction="integer" version="3.0" browsers="E,C29,FF22,IE11,O12.1,S9" ref="http://www.w3.org/TR/css3-flexbox/#order" syntax="p { $(name): -1; }">
|
||
<desc>Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.</desc>
|
||
</entry>
|
||
<entry name="orphans" restriction="integer" version="2.0" browsers="C,IE8,O7,S1.3" ref="http://www.w3.org/TR/css3-break/#widows-orphans" syntax="<integer>">
|
||
<desc>Specifies the minimum number of line boxes in a block container that must be left in a fragment before a fragmentation break.</desc>
|
||
</entry>
|
||
<entry name="-o-table-baseline" restriction="integer" version="3.0" browsers="O9.6" ref="http://www.w3.org/TR/mathml-for-css/" syntax="td { $(name): 2; }">
|
||
<desc>Determines which row of a inline-table should be used as baseline of inline-table.</desc>
|
||
</entry>
|
||
<entry name="-o-tab-size" restriction="integer, length" version="3.0" browsers="O10.6" ref="http://www.w3.org/TR/css3-text/#tab-size" syntax="div { $(name): 4; }">
|
||
<desc>This property determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.</desc>
|
||
</entry>
|
||
<entry name="-o-text-overflow" restriction="enum" version="3.0" browsers="O10" ref="http://www.w3.org/TR/css3-ui/#text-overflow0" syntax="span { $(name): ellipsis; }">
|
||
<desc>Text can overflow for example when it is prevented from wrapping</desc>
|
||
<values>
|
||
<value name="clip" version="3.0" browsers="all">
|
||
<desc>Clip inline content that overflows. Characters may be only partially rendered.</desc>
|
||
</value>
|
||
<value name="ellipsis" version="3.0" browsers="all">
|
||
<desc>Render an ellipsis character (U+2026) to represent clipped inline content.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-transform" restriction="enum" version="3.0" browsers="O10.5" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-property" syntax="div { $(name): rotate(-90deg); }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="matrix()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]</desc>
|
||
</value>
|
||
<value name="matrix3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="rotate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.</desc>
|
||
</value>
|
||
<value name="rotate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.</desc>
|
||
</value>
|
||
<value name="rotateX('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the X axis.</desc>
|
||
</value>
|
||
<value name="rotateY('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Y axis.</desc>
|
||
</value>
|
||
<value name="rotateZ('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Z axis.</desc>
|
||
</value>
|
||
<value name="scale()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.</desc>
|
||
</value>
|
||
<value name="scale3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.</desc>
|
||
</value>
|
||
<value name="scaleX()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleY()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.</desc>
|
||
</value>
|
||
<value name="skew()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).</desc>
|
||
</value>
|
||
<value name="skewX()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X axis by the given angle.</desc>
|
||
</value>
|
||
<value name="skewY()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the Y axis by the given angle.</desc>
|
||
</value>
|
||
<value name="translate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.</desc>
|
||
</value>
|
||
<value name="translate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.</desc>
|
||
</value>
|
||
<value name="translateX()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the X direction.</desc>
|
||
</value>
|
||
<value name="translateY()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Y direction.</desc>
|
||
</value>
|
||
<value name="translateZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-transform-origin" restriction="positon, length, percentage" version="3.0" browsers="O10.5" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-origin" syntax="div { $(name): 20% 40%; }">
|
||
<desc>Establishes the origin of transformation for an element.</desc>
|
||
</entry>
|
||
<entry name="-o-transition" restriction="time, property, enum" version="3.0" browsers="O11.5" ref="http://www.w3.org/TR/css3-transitions/#transition" syntax="div { $(name): background-color linear 1s; }">
|
||
<desc>Shorthand property combines four of the transition properties into a single property.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-transition-delay" restriction="time" version="3.0" browsers="O11.5" ref="http://www.w3.org/TR/css3-transitions/#transition-delay" syntax="div { $(name): 1s; }">
|
||
<desc>Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.</desc>
|
||
</entry>
|
||
<entry name="-o-transition-duration" restriction="time" version="3.0" browsers="O11.5" ref="http://www.w3.org/TR/css3-transitions/#transition-duration" syntax="div { $(name): 1s; }">
|
||
<desc>Specifies how long the transition from the old value to the new value should take.</desc>
|
||
</entry>
|
||
<entry name="-o-transition-property" restriction="property" version="3.0" browsers="O11.5" ref="http://www.w3.org/TR/css3-transitions/#transition-property" syntax="div { $(name): background-color; }">
|
||
<desc>Specifies the name of the CSS property to which the transition is applied.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-o-transition-timing-function" restriction="enum" version="3.0" browsers="O11.5" ref="http://www.w3.org/TR/css3-transitions/#transition-timing-function" syntax="div { $(name): linear; }">
|
||
<desc>Describes how the intermediate values used during a transition will be calculated.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="offset-block-end" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="offset-block-start" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="offset-inline-end" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="offset-inline-start" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#logical-prop" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="outline" restriction="length, line-width, line-style, color, enum" version="2.0" browsers="E,C,FF1.5,IE8,O8,S1.2" ref="http://www.w3.org/TR/css3-ui/#outline0" syntax="header { $(name): 5px solid red;}">
|
||
<desc>Shorthand property for 'outline-style', 'outline-width', and 'outline-color'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Permits the user agent to render a custom outline style, typically the default platform style.</desc>
|
||
</value>
|
||
<value name="invert" version="2.0" browsers="E,IE8,O">
|
||
<desc>Performs a color inversion on the pixels on the screen.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="outline-color" restriction="enum, color" version="2.0" browsers="E,C,FF1.5,IE8,O8,S1.2" ref="http://www.w3.org/TR/css3-ui/#outline-color" syntax="body { $(name): red; }">
|
||
<desc>The color of the outline.</desc>
|
||
<values>
|
||
<value name="invert" version="2.0" browsers="E,IE8,O">
|
||
<desc>Performs a color inversion on the pixels on the screen.</desc>
|
||
</value>
|
||
<value name="" version="3.0" browsers="none" />
|
||
</values>
|
||
</entry>
|
||
<entry name="outline-offset" restriction="length" version="3.0" browsers="C,FF1.5,O9.5,S1.2" ref="http://www.w3.org/TR/css3-ui/#outline-offset0" syntax="article { $(name): 15px; }">
|
||
<desc>Offset the outline and draw it beyond the border edge.</desc>
|
||
</entry>
|
||
<entry name="outline-style" restriction="line-style, enum" version="2.0" browsers="E,C,FF1.5,IE8,O8,S1.2" ref="http://www.w3.org/TR/css3-ui/#outline-style0" syntax="td { $(name): solid; }">
|
||
<desc>Style of the outline.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Permits the user agent to render a custom outline style, typically the default platform style.</desc>
|
||
</value>
|
||
<value name="" version="3.0" browsers="none" />
|
||
</values>
|
||
</entry>
|
||
<entry name="outline-width" restriction="length, line-width" version="2.0" browsers="E,C,FF1.5,IE8,O8,S1.2" ref="http://www.w3.org/TR/css3-ui/#outline-width0" syntax="td { $(name): 2px; }">
|
||
<desc>Width of the outline.</desc>
|
||
</entry>
|
||
<entry name="overflow" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css-overflow-3/#overflow" syntax="div { overflow: hidden auto; }">
|
||
<desc>Shorthand for setting 'overflow-x' and 'overflow-y'.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.</desc>
|
||
</value>
|
||
<value name="clip" version="3.0" browsers="none">
|
||
<desc>Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.</desc>
|
||
</value>
|
||
<value name="hidden" version="2.0" browsers="all">
|
||
<desc>Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.</desc>
|
||
</value>
|
||
<value name="-moz-hidden-unscrollable" version="3.0" browsers="FF">
|
||
<desc>Same as the standardized 'clip', except doesn’t establish a block formatting context.</desc>
|
||
</value>
|
||
<value name="scroll" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="visible" version="2.0" browsers="all">
|
||
<desc>Content is not clipped, i.e., it may be rendered outside the content box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="overflow-wrap" restriction="enum" version="3.0" browsers="C23,O12.1,S6.1" ref="http://www.w3.org/TR/css3-text/#overflow-wrap0" syntax="div { $(name): break-word; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="break-word" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Lines may break only at allowed break points.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="overflow-x" restriction="enum" version="3.0" browsers="E,C,FF1.5,IE5,O9.5,S3" ref="http://www.w3.org/TR/css3-box/#overflow-x" syntax="div { $(name): hidden; }">
|
||
<desc>Specifies the handling of overflow in the horizontal direction.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.</desc>
|
||
</value>
|
||
<value name="clip" version="3.0" browsers="none">
|
||
<desc>Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.</desc>
|
||
</value>
|
||
<value name="hidden" version="2.0" browsers="all">
|
||
<desc>Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.</desc>
|
||
</value>
|
||
<value name="scroll" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="visible" version="2.0" browsers="all">
|
||
<desc>Content is not clipped, i.e., it may be rendered outside the content box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="overflow-y" restriction="enum" version="3.0" browsers="E,C,FF1.5,IE5,O9.5,S3" ref="http://www.w3.org/TR/css3-box/#overflow-x" syntax="div { $(name): hidden; }">
|
||
<desc>Specifies the handling of overflow in the vertical direction.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.</desc>
|
||
</value>
|
||
<value name="clip" version="3.0" browsers="none">
|
||
<desc>Behaves as 'hidden' except forbids scrolling entirely, through any mechanism.</desc>
|
||
</value>
|
||
<value name="hidden" version="2.0" browsers="all">
|
||
<desc>Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region.</desc>
|
||
</value>
|
||
<value name="scroll" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="visible" version="2.0" browsers="all">
|
||
<desc>Content is not clipped, i.e., it may be rendered outside the content box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="pad" restriction="integer, image, string, identifier" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-pad" syntax="@counter-style { pad: 3 '0'; }">
|
||
<desc>Specifies a “fixed-width” counter style, where representations shorter than the pad value are padded with a particular <symbol></desc>
|
||
</entry>
|
||
<entry name="padding" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#padding1" syntax="div { $(name): 4px 7px 2px 4px; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="logical" version="3.0" browsers="none">
|
||
<desc>Indicates that the values map to the logical properties instead of the physical ones.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="padding-bottom" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#padding1" syntax="ul { $(name): 2em; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="padding-block-end" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'padding-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="padding-block-start" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'padding-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="padding-inline-end" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'padding-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="padding-inline-start" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#border-padding" syntax="article { $(name): 50px; }">
|
||
<desc>Logical 'padding-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.</desc>
|
||
</entry>
|
||
<entry name="padding-left" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#padding1" syntax="ul { $(name): 2em; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="padding-right" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#padding1" syntax="ul { $(name): 2em; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="padding-top" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#padding1" syntax="ul { $(name): 2em; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="page" restriction="identifier" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-page/#page" syntax="auto | <identifier>">
|
||
<desc>Specifies a particular type of page (called a named page) on which an element must be displayed.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Used value is the value specified on its nearest ancestor with a non-auto value.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="page-break-after" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-break/#page-break-properties" syntax="table { $(name): always; }">
|
||
<desc>Defines rules for page breaks after an element.</desc>
|
||
<values>
|
||
<value name="always" version="2.0" browsers="all">
|
||
<desc>Always force a page break after the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>Neither force nor forbid a page break after generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="2.0" browsers="all">
|
||
<desc>Avoid a page break after the generated box.</desc>
|
||
</value>
|
||
<value name="left" version="2.0" browsers="all">
|
||
<desc>Force one or two page breaks after the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="recto" version="3.0" browsers="none">
|
||
<desc>Equivalent to right in left-to-right page progressions and left in right-to-left page progressions.</desc>
|
||
</value>
|
||
<value name="right" version="2.0" browsers="all">
|
||
<desc>Force one or two page breaks after the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
<value name="verso" version="3.0" browsers="none">
|
||
<desc>Equivalent to left in left-to-right page progressions and right in right-to-left page progressions.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="page-break-before" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-break/#page-break-properties" syntax="table { $(name): always; }">
|
||
<desc>Defines rules for page breaks before an element.</desc>
|
||
<values>
|
||
<value name="always" version="2.0" browsers="all">
|
||
<desc>Always force a page break before the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>Neither force nor forbid a page break before the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="2.0" browsers="all">
|
||
<desc>Avoid a page break before the generated box.</desc>
|
||
</value>
|
||
<value name="left" version="2.0" browsers="all">
|
||
<desc>Force one or two page breaks before the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="right" version="2.0" browsers="all">
|
||
<desc>Force one or two page breaks before the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="page-break-inside" restriction="enum" version="2.0" browsers="C,IE8,O7,S1.3" ref="http://www.w3.org/TR/css3-break/#page-break-properties" syntax="table { $(name): avoid; }">
|
||
<desc>Defines rules for page breaks inside an element.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>Neither force nor forbid a page break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="2.0" browsers="all">
|
||
<desc>Avoid a page break inside the generated box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="page-policy" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-content/#page-policy" syntax="@string chapter { $(name): last; }">
|
||
<desc>Determines which page-based occurrence of a given element is applied to a counter or string value.</desc>
|
||
<values>
|
||
<value name="first" version="3.0" browsers="all">
|
||
<desc>Takes the value after the first state change in the counter or string during processing of the page.</desc>
|
||
</value>
|
||
<value name="last" version="3.0" browsers="all">
|
||
<desc>Takes the value following the final state change on the page.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>Takes the value of the counter or string at the beginning of the page (before applying style to the elements of the page, but after applying it to the @page context itself).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="paint-order" restriction="enum" version="4.0" browsers="C35,FF31,O22,S7.1" ref="http://www.w3.org/TR/SVG2/painting.html#PaintOrderProperty">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="fill" version="4.0" browsers="all"/>
|
||
<value name="markers" version="4.0" browsers="all"/>
|
||
<value name="normal" version="4.0" browsers="all">
|
||
<desc>The element is painted with the standard order of painting operations: the 'fill' is painted first, then its 'stroke' and finally its markers.</desc>
|
||
</value>
|
||
<value name="stroke" version="4.0" browsers="all"/>
|
||
</values>
|
||
</entry>
|
||
<entry name="pause" restriction="time, enum" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#pause" syntax="h2 { $(name): 30ms 40ms; }">
|
||
<desc>Shorthand for setting 'pause-before' and 'pause-after'. If two values are given, the first value is 'pause-before' and the second is 'pause-after'. If only one value is given, it applies to both properties.</desc>
|
||
<values>
|
||
<value name="medium" version="2.0" browsers="all">
|
||
<desc>A medium pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Equivalent to 0ms.</desc>
|
||
</value>
|
||
<value name="strong" version="2.0" browsers="all">
|
||
<desc>A strong pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="weak" version="2.0" browsers="all">
|
||
<desc>A weak pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-strong" version="2.0" browsers="all">
|
||
<desc>An extra strong pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-weak" version="2.0" browsers="all">
|
||
<desc>An extra weak pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="pause-after" restriction="time" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#pause-after" syntax="h3 { $(name): 30ms; }">
|
||
<desc>Specifies a pause or prosodic boundary to be observed after an element or, if any 'cue-after' is specified, after these. Values indicate the prosodic strength of the break in speech output.</desc>
|
||
<values>
|
||
<value name="medium" version="2.0" browsers="all">
|
||
<desc>A medium pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Equivalent to 0ms.</desc>
|
||
</value>
|
||
<value name="strong" version="2.0" browsers="all">
|
||
<desc>A strong pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="weak" version="2.0" browsers="all">
|
||
<desc>A weak pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-strong" version="2.0" browsers="all">
|
||
<desc>An extra strong pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-weak" version="2.0" browsers="all">
|
||
<desc>An extra weak pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="pause-before" restriction="time" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#pause-before" syntax="h3 { $(name): 30ms; }">
|
||
<desc>Specifies a pause or prosodic boundary to be observed before an element or, if any 'cue-before' is specified, before these. Values indicate the prosodic strength of the break in speech output.</desc>
|
||
<values>
|
||
<value name="medium" version="2.0" browsers="all">
|
||
<desc>A medium pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Equivalent to 0ms.</desc>
|
||
</value>
|
||
<value name="strong" version="2.0" browsers="all">
|
||
<desc>A strong pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="weak" version="2.0" browsers="all">
|
||
<desc>A weak pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-strong" version="2.0" browsers="all">
|
||
<desc>An extra strong pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-weak" version="2.0" browsers="all">
|
||
<desc>An extra weak pause in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="perspective" restriction="length, enum" version="3.0" browsers="E,C36,FF16,IE10,O23,S9" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective" syntax="div { $(name): none; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No perspective transform is applied.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="perspective-origin" restriction="position, percentage, length" version="3.0" browsers="E,C36,FF16,IE10,O23,S9" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective-origin" syntax="div { $(name): 10px; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="pointer-events" restriction="enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/interact.html#PointerEventsProperty">
|
||
<desc>Specifies under what circumstances a given element can be the target element for a pointer event.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="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.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>The given element can be the target element for pointer events whenever the pointer is over the interior of the element.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The given element does not receive pointer events.</desc>
|
||
</value>
|
||
<value name="painted" version="3.0" browsers="all">
|
||
<desc>The given element can be the target element for pointer events when the pointer is over a "painted" area. </desc>
|
||
</value>
|
||
<value name="stroke" version="3.0" browsers="all">
|
||
<desc>The given element can be the target element for pointer events whenever the pointer is over the perimeter of the element.</desc>
|
||
</value>
|
||
<value name="visible" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="visibleFill" version="3.0" browsers="all">
|
||
<desc>The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over the interior of the element.</desc>
|
||
</value>
|
||
<value name="visiblePainted" version="3.0" browsers="all">
|
||
<desc>The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over a ‘painted’ area.</desc>
|
||
</value>
|
||
<value name="visibleStroke" version="3.0" browsers="all">
|
||
<desc>The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over the perimeter of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="position" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-positioning/#propdef-position" syntax="div { $(name): absolute; }">
|
||
<values>
|
||
<value name="absolute" version="2.0" browsers="all">
|
||
<desc>The box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's 'containing block'.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="none">
|
||
<desc>Center positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.</desc>
|
||
</value>
|
||
<value name="fixed" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="-ms-page" version="3.0" browsers="E,IE10">
|
||
<desc>The box's position is calculated according to the 'absolute' model.</desc>
|
||
</value>
|
||
<value name="page" version="3.0" browsers="none">
|
||
<desc>The box's position is calculated according to the 'absolute' model.</desc>
|
||
</value>
|
||
<value name="relative" version="2.0" browsers="all">
|
||
<desc>The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position.</desc>
|
||
</value>
|
||
<value name="static" version="2.0" browsers="all">
|
||
<desc>The box is a normal box, laid out according to the normal flow. The 'top', 'right', 'bottom', and 'left' properties do not apply.</desc>
|
||
</value>
|
||
<value name="sticky" version="3.0" browsers="FF32">
|
||
<desc>The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes.</desc>
|
||
</value>
|
||
<value name="-webkit-sticky" version="2.0" browsers="S6.1">
|
||
<desc>The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="prefix" restriction="image, string, identifier" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-prefix" syntax="@counter-style { prefix: '#'; }">
|
||
<desc>Specifies a <symbol> that is prepended to the marker representation.</desc>
|
||
</entry>
|
||
<entry name="quotes" restriction="string" version="2.0" browsers="E,C,FF1.5,IE8,O8,S5.1" ref="http://www.w3.org/TR/css3-content/#quotes" syntax="none | [ <string> <string> ]+">
|
||
<desc>Specifies quotation marks for any number of embedded quotations.</desc>
|
||
<values>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="r" restriction="length, percentage" version="3.0" browsers="none" ref="http://www.w3.org/TR/SVG2/geometry.html#R" syntax="circle { $(name): 100px;">
|
||
<desc>Describes the radius of the ‘circle’ element.</desc>
|
||
</entry>
|
||
<entry name="range" restriction="integer, enum" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-range" syntax="@counter-style { range: 2 infinite, 8 834048; }">
|
||
<desc>Defines the ranges over which the counter style is defined.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The range depends on the counter system.</desc>
|
||
</value>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="region-fragment" restriction="enum" version="3.0" browsers="none" ref="http://dev.w3.org/csswg/css-regions/#region-fragment" syntax="article { $(name): break; }">
|
||
<desc>Controls the behavior of the last region associated with a named flow.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Content flows as it would in a regular content box.</desc>
|
||
</value>
|
||
<value name="break" version="3.0" browsers="all">
|
||
<desc>If the content fits within the CSS Region, then this property has no effect.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="resize" restriction="enum" version="3.0" browsers="C,FF4,O15,S3" ref="http://www.w3.org/TR/css3-ui/#resize0" syntax="div { $(name): both; }">
|
||
<desc>Specifies whether or not an element is resizable by the user, and if so, along which axis/axes.</desc>
|
||
<values>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element.</desc>
|
||
</value>
|
||
<value name="block" version="3.0" browsers="none">
|
||
<desc>Logical 'vertical'</desc>
|
||
</value>
|
||
<value name="horizontal" version="3.0" browsers="all">
|
||
<desc>The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element.</desc>
|
||
</value>
|
||
<value name="inline" version="3.0" browsers="none">
|
||
<desc>Logical 'horizontal'</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="vertical" version="3.0" browsers="all">
|
||
<desc>The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="rest" restriction="time" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#rest" syntax="h3 { $(name): 4s; }">
|
||
<desc>Shorthand for setting 'rest-before' and 'rest-after'. If two values are given, the first value is 'rest-before' and the second is 'rest-after'. If only one value is given, it applies to both properties.</desc>
|
||
<values>
|
||
<value name="medium" version="2.0" browsers="all">
|
||
<desc>A medium rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Equivalent to 0ms.</desc>
|
||
</value>
|
||
<value name="strong" version="2.0" browsers="all">
|
||
<desc>A strong rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="weak" version="2.0" browsers="all">
|
||
<desc>A weak rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-strong" version="2.0" browsers="all">
|
||
<desc>An extra strong rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-weak" version="2.0" browsers="all">
|
||
<desc>An extra weak rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="rest-after" restriction="time" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#rest-after" syntax="h3 { $(name): 4s; }">
|
||
<desc>Specifies a rest or prosodic boundary to be observed after an element’s content.</desc>
|
||
<values>
|
||
<value name="medium" version="2.0" browsers="all">
|
||
<desc>A medium rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Equivalent to 0ms.</desc>
|
||
</value>
|
||
<value name="strong" version="2.0" browsers="all">
|
||
<desc>A strong rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="weak" version="2.0" browsers="all">
|
||
<desc>A weak rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-strong" version="2.0" browsers="all">
|
||
<desc>An extra strong rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-weak" version="2.0" browsers="all">
|
||
<desc>An extra weak rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="rest-before" restriction="time" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#rest-before" syntax="h3 { $(name): 4s; }">
|
||
<desc>Specifies a rest or prosodic boundary to be observed before an element’s content.</desc>
|
||
<values>
|
||
<value name="medium" version="2.0" browsers="all">
|
||
<desc>A medium rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Equivalent to 0ms.</desc>
|
||
</value>
|
||
<value name="strong" version="2.0" browsers="all">
|
||
<desc>A strong rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="weak" version="2.0" browsers="all">
|
||
<desc>A weak rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-strong" version="2.0" browsers="all">
|
||
<desc>An extra strong rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
<value name="x-weak" version="2.0" browsers="all">
|
||
<desc>An extra weak rest in speech output. The exact time is implementation-dependent.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="right" restriction="length, percentage" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-positioning/#propdef-right" syntax="article { $(name): 50px; }">
|
||
<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'.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="rotation" restriction="angle" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-box/#rotation" syntax="img { $(name): 90deg; }">
|
||
<desc>Rotates a block-level element counterclockwise around the point given by 'rotation-point'.</desc>
|
||
</entry>
|
||
<entry name="rotation-point" restriction="position, percentage, length" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-box/#rotation-point" syntax="img { $(name): 10% 25%; }">
|
||
<desc>Pair of values that defines a point as an offset from the top left border edge. Initial value is 50% 50%.</desc>
|
||
</entry>
|
||
<entry name="ruby-align" restriction="enum" version="3.0" browsers="FF10,IE5" ref="http://www.w3.org/TR/css3-ruby/#rubyalign" syntax="auto | start | left | center | end | right | distribute-letter | distribute-space | line-edge">
|
||
<desc>Specifies how text is distributed within the various ruby boxes when their contents do not exactly fill their respective boxes.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="E,IE5">
|
||
<desc>The user agent determines how the ruby contents are aligned. This is the initial value.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The ruby content is centered within its box.</desc>
|
||
</value>
|
||
<value name="distribute-letter" version="3.0" browsers="E,IE5">
|
||
<desc>If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with the first and last ruby text glyphs lining up with the corresponding first and last base glyphs. If the width of the ruby text is at least the width of the base, then the letters of the base are evenly distributed across the width of the ruby text.</desc>
|
||
</value>
|
||
<value name="distribute-space" version="3.0" browsers="E,IE5">
|
||
<desc>If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with a certain amount of white space preceding the first and following the last character in the ruby text. That amount of white space is normally equal to half the amount of inter-character space of the ruby text.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>The ruby text content is aligned with the start edge of the base.</desc>
|
||
</value>
|
||
<value name="line-edge" version="3.0" browsers="E,IE5">
|
||
<desc>If the ruby text is not adjacent to a line edge, it is aligned as in 'auto'. If it is adjacent to a line edge, then it is still aligned as in auto, but the side of the ruby text that touches the end of the line is lined up with the corresponding edge of the base.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="E,IE5">
|
||
<desc>The ruby text content is aligned with the end edge of the base.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="FF10">
|
||
<desc>The ruby text content is aligned with the start edge of the base.</desc>
|
||
</value>
|
||
<value name="space-between" version="3.0" browsers="FF10">
|
||
<desc>The ruby content expands as defined for normal text justification (as defined by 'text-justify'),</desc>
|
||
</value>
|
||
<value name="space-around" version="3.0" browsers="FF10">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="ruby-overhang" restriction="enum" version="3.0" browsers="FF10,IE5" ref="http://www.w3.org/TR/css3-ruby/#rubyover" syntax="auto | start | end | none">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The ruby text can overhang text adjacent to the base on either side. This is the initial value.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>The ruby text can overhang the text that follows it.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The ruby text cannot overhang any text adjacent to its base, only its own base.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>The ruby text can overhang the text that precedes it.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="ruby-position" restriction="enum" version="3.0" browsers="FF10,IE5" ref="http://www.w3.org/TR/css3-ruby/#ruby-position" syntax="before | after | right">
|
||
<desc>Used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base.</desc>
|
||
<values>
|
||
<value name="after" version="3.0" browsers="all">
|
||
<desc>The ruby text appears after the base. This is a relatively rare setting used in ideographic East Asian writing systems, most easily found in educational text.</desc>
|
||
</value>
|
||
<value name="before" version="3.0" browsers="all">
|
||
<desc>The ruby text appears before the base. This is the most common setting used in ideographic East Asian writing systems.</desc>
|
||
</value>
|
||
<value name="inline" version="3.0" browsers="all" />
|
||
<value name="right" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="ruby-span" restriction="enum" version="3.0" browsers="FF10" ref="http://www.w3.org/TR/css3-ruby/#rubyspan" syntax="attr(x) | none">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="attr(x)" version="3.0" browsers="all">
|
||
<desc>The value of attribute 'x' is a string value. The string value is evaluated as a <number> to determine the number of ruby base elements to be spanned by the annotation element.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No spanning. The computed value is '1'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="rx" restriction="length, percentage" version="4.0" browsers="none" ref="http://www.w3.org/TR/SVG2/geometry.html#RX" syntax="circle { $(name): 100px;">
|
||
<desc>Describes the horizontal radius of the ‘ellipse’ element, and the curve radius of the 'rect' element.</desc>
|
||
</entry>
|
||
<entry name="ry" restriction="length, percentage" version="4.0" browsers="none" ref="http://www.w3.org/TR/SVG2/geometry.html#RY" syntax="circle { $(name): 100px;">
|
||
<desc>Describes the vertical radius of the ‘ellipse’ element, and the curve radius of the 'rect' element.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-3dlight-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531153(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-arrow-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531154(VS.85).aspx" syntax="body { $(name): #00ffff; }">
|
||
<desc>Determines the color of the arrow elements of a scroll arrow.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-base-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531155(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-darkshadow-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531156(v=VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the gutter of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-face-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531157(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-highlight-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531158(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-shadow-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531159(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="scrollbar-track-color" restriction="color" version="3.0" browsers="IE6" ref="http://msdn.microsoft.com/en-us/library/ms531160(VS.85).aspx" syntax="textarea { $(name): #00ffff; }">
|
||
<desc>Determines the color of the track element of a scroll bar.</desc>
|
||
</entry>
|
||
<entry name="scroll-behavior" restriction="enum" version="3.0" browsers="FF36" ref="http://www.w3.org/TR/cssom-view/#scroll-behavior">
|
||
<desc>Specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Scrolls in an instant fashion.</desc>
|
||
</value>
|
||
<value name="smooth" version="3.0" browsers="all">
|
||
<desc>Scrolls in a smooth fashion using a user-agent-defined timing function and time period.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="scroll-snap-coordinate" restriction="position, length, percentage, enum" version="3.0" browsers="FF39" ref="http://www.w3.org/TR/css-snappoints-1/#propdef-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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Specifies that this element does not contribute a snap point.</desc>
|
||
</value>
|
||
<value name="border-box" version="3.0" browsers="none">
|
||
<desc>Specifies the offset of the snap coordinate from the start edge of the element’s border box.</desc>
|
||
</value>
|
||
<value name="margin-box" version="3.0" browsers="none">
|
||
<desc>Specifies the offset of the snap coordinate from the start edge of the element’s margin box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="scroll-snap-destination" restriction="position, length, percentage" version="3.0" browsers="FF39" ref="http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-destination">
|
||
<desc>Define the x and y coordinate within the scroll container’s visual viewport which element snap points will align with.</desc>
|
||
</entry>
|
||
<entry name="scroll-snap-points-x" restriction="enum" version="3.0" browsers="FF39" ref="http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-points-x">
|
||
<desc>Defines the positioning of snap points along the x axis of the scroll container it is applied to.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="repeat()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="scroll-snap-points-y" restriction="enum" version="3.0" browsers="FF39" ref="http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-points-y">
|
||
<desc>Defines the positioning of snap points alobg the y axis of the scroll container it is applied to.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="repeat()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="scroll-snap-type" restriction="enum" version="3.0" browsers="FF39" ref="http://www.w3.org/TR/css-snappoints-1/#propdef-scroll-snap-type">
|
||
<desc>Defines how strictly snap points are enforced on the scroll container.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The visual viewport of this scroll container must ignore snap points, if any, when scrolled.</desc>
|
||
</value>
|
||
<value name="mandatory" version="3.0" browsers="all">
|
||
<desc>The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations.</desc>
|
||
</value>
|
||
<value name="proximity" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="shape-image-threshold" restriction="number" version="3.0" browsers="C37,O24" ref="http://www.w3.org/TR/css-shapes-1/#propdef-shape-image-threshold" syntax="div { $(name): 0.5; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="shape-inside" restriction="image, shape, box, enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-shapes-2/#propdef-shape-inside" syntax="div { $(name): outside-shape; }">
|
||
<desc>Adds one or more exclusion areas to the element’s wrapping context.</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>The shape is computed based on the content box of the element.</desc>
|
||
</value>
|
||
<value name="display" version="4.0" browsers="all">
|
||
<desc>The shape is computed based on the shape of the display as described in css-round-display.</desc>
|
||
</value>
|
||
<value name="margin-box" version="4.0" browsers="all">
|
||
<desc>The background is painted within (clipped to) the margin box.</desc>
|
||
</value>
|
||
<value name="outside-shape" version="4.0" browsers="all">
|
||
<desc>The shape is computed based on the shape defined by the shape-outside and shape-margin properties.</desc>
|
||
</value>
|
||
<value name="url()" version="4.0" browsers="all">
|
||
<desc>If an SVG element it defines the shape. If an image, the shape is extracted and computed based on the alpha channel.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="shape-margin" restriction="url, length, percentage" version="3.0" browsers="C37,O24" ref="http://www.w3.org/TR/css-shapes-1/#propdef-shape-margin" syntax="div { $(name): 10px; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="shape-outside" restriction="image, box, shape, enum" version="3.0" browsers="C37,O24" ref="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" syntax="div { $(name): margin-box; }">
|
||
<desc>Specifies an orthogonal rotation to be applied to an image before it is laid out.</desc>
|
||
<values>
|
||
<value name="margin-box" version="3.0" browsers="all">
|
||
<desc>The background is painted within (clipped to) the margin box.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The float area is unaffected.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="shape-padding" restriction="length" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-shapes-2/#propdef-shape-padding" syntax="div { $(name): 10px; }">
|
||
<desc>Adds padding to a 'shape-inside'.</desc>
|
||
</entry>
|
||
<entry name="shape-rendering" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/SVG2/painting.html#ShapeRenderingProperty">
|
||
<desc>Provides hints about what tradeoffs to make as it renders vector graphics elements such as <path> elements and basic shapes such as circles and rectangles.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Suppresses aural rendering.</desc>
|
||
</value>
|
||
<value name="crispEdges" version="3.0" browsers="all">
|
||
<desc>Emphasize the contrast between clean edges of artwork over rendering speed and geometric precision.</desc>
|
||
</value>
|
||
<value name="geometricPrecision" version="4.0" browsers="all">
|
||
<desc>Emphasize geometric precision over speed and crisp edges.</desc>
|
||
</value>
|
||
<value name="optimizeSpeed" version="3.0" browsers="all">
|
||
<desc>Emphasize rendering speed over geometric precision and crisp edges.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="size" restriction="length" version="2.1" browsers="C,O8" ref="http://www.w3.org/TR/css3-page/#page-size-prop" syntax="<length>{1,2} | auto | [ <page-size> || [ portrait | landscape] ]" />
|
||
<entry name="speak" restriction="enum" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#speak" syntax="div { $(name): normal; }">
|
||
<desc>Specifies whether text will be rendered aurally and if so, in what manner.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>Computed to 'none' if 'display' is 'none', otherwise 'auto'.</desc>
|
||
</value>
|
||
<value name="none" version="2.0" browsers="all">
|
||
<desc>Suppresses aural rendering.</desc>
|
||
</value>
|
||
<value name="normal" version="2.0" browsers="all">
|
||
<desc>The element is rendered aurally.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="speak-as" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#speak-as" syntax="div { $(name): spell-out; }">
|
||
<desc>Determines in what manner text gets rendered aurally, based upon a basic predefined list of possibilities.</desc>
|
||
<values>
|
||
<value name="digits" version="3.0" browsers="all">
|
||
<desc>Speak numbers one digit at a time.</desc>
|
||
</value>
|
||
<value name="literal-punctuation" version="3.0" browsers="all">
|
||
<desc>Punctuation such as semicolons, braces, and so on is named aloud (i.e. spoken literally) rather than rendered naturally as appropriate pauses.</desc>
|
||
</value>
|
||
<value name="no-punctuation" version="3.0" browsers="all">
|
||
<desc>Punctuation is not rendered: neither spoken nor rendered as pauses.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Uses language-dependent pronunciation rules for rendering the element’s content.</desc>
|
||
</value>
|
||
<value name="spell-out" version="3.0" browsers="all">
|
||
<desc>Spells the text one letter at a time.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="src" restriction="enum, url, identifier" version="3.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#src-desc" syntax="src: url(font.woff) format('woff');">
|
||
<desc>Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed.</desc>
|
||
<values>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Reference font by URL</desc>
|
||
</value>
|
||
<value name="format()" version="3.0" browsers="all">
|
||
<desc>Optional hint describing the format of the font resource.</desc>
|
||
</value>
|
||
<value name="local()" version="3.0" browsers="all">
|
||
<desc>Format-specific string that identifies a locally available copy of a given font.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="stop-color" restriction="color" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/pservers.html#StopColorProperty">
|
||
<desc>Indicates what color to use at that gradient stop.</desc>
|
||
</entry>
|
||
<entry name="stop-opacity" restriction="number(0-1)" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/pservers.html#StopOpacityProperty">
|
||
<desc>Defines the opacity of a given gradient stop.</desc>
|
||
</entry>
|
||
<entry name="stroke" restriction="color, enum, url" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeProperty">
|
||
<desc>Paints along the outline of the given graphical element.</desc>
|
||
<values>
|
||
<value name="child" version="4.0" browsers="none">
|
||
<desc>A reference to the last child paint server element of the element being painted.</desc>
|
||
</value>
|
||
<value name="child()" version="4.0" browsers="none">
|
||
<desc>A reference to the nth child paint server element of the element being painted.</desc>
|
||
</value>
|
||
<value name="context-fill" version="4.0" browsers="none">
|
||
<desc>The computed value of the ‘fill’ property of the context element of the element being painted.</desc>
|
||
</value>
|
||
<value name="context-stroke" version="4.0" browsers="none">
|
||
<desc>The computed value of the ‘stroke’ property of the context element of the element being painted.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<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’.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No paint is applied in this layer.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="stroke-dasharray" restriction="length, percentage, number, enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeDasharrayProperty">
|
||
<desc>Controls the pattern of dashes and gaps used to stroke paths.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Indicates that no dashing is used.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="stroke-dashoffset" restriction="percentage, length" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeDashoffsetProperty">
|
||
<desc>Specifies the distance into the dash pattern to start the dash.</desc>
|
||
</entry>
|
||
<entry name="stroke-linecap" restriction="enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeLinecapProperty">
|
||
<desc>Specifies the shape to be used at the end of open subpaths when they are stroked.</desc>
|
||
<values>
|
||
<value name="butt" version="3.0" browsers="all">
|
||
<desc>Indicates that the stroke for each subpath does not extend beyond its two endpoints.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="square" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="stroke-linejoin" restriction="enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeLinejoinProperty">
|
||
<desc>Specifies the shape to be used at the corners of paths or basic shapes when they are stroked.</desc>
|
||
<values>
|
||
<value name="arcs" version="4.0" browsers="none">
|
||
<desc>Indicates that an arcs corner is to be used to join path segments.</desc>
|
||
</value>
|
||
<value name="bevel" version="3.0" browsers="all">
|
||
<desc>Indicates that a bevelled corner is to be used to join path segments.</desc>
|
||
</value>
|
||
<value name="miter" version="3.0" browsers="all">
|
||
<desc>Indicates that a sharp corner is to be used to join path segments.</desc>
|
||
</value>
|
||
<value name="miter-clip" version="4.0" browsers="none">
|
||
<desc>Same as miter but if the ‘stroke-miterlimit’ is exceeded, the miter is clipped at a miter length equal to the ‘stroke-miterlimit’ value multiplied by the stroke width.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<desc>Indicates that a round corner is to be used to join path segments.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="stroke-miterlimit" restriction="number" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeMiterlimitProperty" syntax="path { $(name): 4; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="stroke-opacity" restriction="number(0-1)" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeOpacityProperty">
|
||
<desc>Specifies the opacity of the painting operation used to stroke the current object.</desc>
|
||
</entry>
|
||
<entry name="stroke-width" restriction="percentage, length" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/painting.html#StrokeWidth">
|
||
<desc>Specifies the width of the stroke on the current object.</desc>
|
||
</entry>
|
||
<entry name="suffix" restriction="image, string, identifier" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-suffix" syntax="@counter-style { suffix: '\2E\20'; }">
|
||
<desc>Specifies a <symbol> that is appended to the marker representation.</desc>
|
||
</entry>
|
||
<entry name="system" restriction="enum, integer" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-system" syntax="@counter-style triangle { system: cyclic; }">
|
||
<desc>Specifies which algorithm will be used to construct the counter’s representation based on the counter value.</desc>
|
||
<values>
|
||
<value name="additive" version="3.0" browsers="all">
|
||
<desc>Represents “sign-value” numbering systems, which, rather than using reusing digits in different positions to change their value, define additional digits with much larger values, so that the value of the number can be obtained by adding all the digits together.</desc>
|
||
</value>
|
||
<value name="alphabetic" version="3.0" browsers="all">
|
||
<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".</desc>
|
||
</value>
|
||
<value name="cyclic" version="3.0" browsers="all">
|
||
<desc>Cycles repeatedly through its provided symbols, looping back to the beginning when it reaches the end of the list.</desc>
|
||
</value>
|
||
<value name="extends" version="3.0" browsers="all">
|
||
<desc>Use the algorithm of another counter style, but alter other aspects.</desc>
|
||
</value>
|
||
<value name="fixed" version="3.0" browsers="all">
|
||
<desc>Runs through its list of counter symbols once, then falls back.</desc>
|
||
</value>
|
||
<value name="numeric" version="3.0" browsers="all">
|
||
<desc>interprets the list of counter symbols as digits to a "place-value" numbering system, similar to the default 'decimal' counter style.</desc>
|
||
</value>
|
||
<value name="symbolic" version="3.0" browsers="all">
|
||
<desc>Cycles repeatedly through its provided symbols, doubling, tripling, etc. the symbols on each successive pass through the list.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="symbols" restriction="image, string, identifier" version="3.0" browsers="FF33" ref="http://www.w3.org/TR/css-counter-styles-3/#descdef-counter-style-symbols" syntax="@counter-style { symbols: '*' ⁑ † ‡; }">
|
||
<desc>Specifies the symbols used by the marker-construction algorithm specified by the system descriptor.</desc>
|
||
</entry>
|
||
<entry name="table-layout" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/CSS2/tables.html#width-layout" syntax="table { $(name): fixed; }">
|
||
<desc>Controls the algorithm used to lay out the table cells, rows, and columns.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>Use any automatic table layout algorithm.</desc>
|
||
</value>
|
||
<value name="fixed" version="2.0" browsers="all">
|
||
<desc>Use the fixed table layout algorithm.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="tab-size" restriction="integer, length" version="3.0" browsers="C21,O15,S6.1" ref="http://www.w3.org/TR/css3-text/#tab-size" syntax="div { $(name): 4; }">
|
||
<desc>Determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.</desc>
|
||
</entry>
|
||
<entry name="text-align" restriction="string" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-text/#text-align0" syntax="h2 { $(name): center; }">
|
||
<desc>Describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box.</desc>
|
||
<values>
|
||
<value name="center" version="1.0" browsers="all">
|
||
<desc>The inline contents are centered within the line box.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="C,FF3.6,O15,S3.1">
|
||
<desc>The inline contents are aligned to the end edge of the line box.</desc>
|
||
</value>
|
||
<value name="justify" version="1.0" browsers="all">
|
||
<desc>The text is justified according to the method specified by the 'text-justify' property.</desc>
|
||
</value>
|
||
<value name="left" version="1.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="match-parent" version="3.0" browsers="none">
|
||
<desc>This value behaves the same as 'inherit' except that an inherited value of 'start' or 'end' is calculated against its parent's 'direction' value.</desc>
|
||
</value>
|
||
<value name="right" version="1.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="C,FF1,O15,S3.1">
|
||
<desc>The inline contents are aligned to the start edge of the line box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-align-last" restriction="enum" version="3.0" browsers="E,FF12,IE5" ref="http://www.w3.org/TR/css3-text/#text-align-last0" syntax="div { $(name): right; }">
|
||
<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'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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'.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The inline contents are centered within the line box.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="none">
|
||
<desc>The inline contents are aligned to the end edge of the line box.</desc>
|
||
</value>
|
||
<value name="justify" version="3.0" browsers="all">
|
||
<desc>The text is justified according to the method specified by the 'text-justify' property.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="none">
|
||
<desc>The inline contents are aligned to the start edge of the line box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-anchor" restriction="enum" version="3.0" browsers="all" ref="http://www.w3.org/TR/SVG2/text.html#TextAnchorProperty">
|
||
<desc>Used to align (start-, middle- or end-alignment) a string of text relative to a given point.</desc>
|
||
<values>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<desc>The rendered characters are aligned such that the end of the resulting rendered text is at the initial current text position.</desc>
|
||
</value>
|
||
<value name="middle" version="3.0" browsers="all">
|
||
<desc>The rendered characters are aligned such that the geometric middle of the resulting rendered text is at the initial current text position.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<desc>The rendered characters are aligned such that the start of the resulting rendered text is at the initial current text position.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-combine-upright" restriction="enum, integer" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright" syntax="span { $(name): all; }">
|
||
<desc>This property specifies the combination of multiple characters into the space of a single character.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="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.</desc>
|
||
</value>
|
||
<value name="digits" version="3.0" browsers="all">
|
||
<desc>Attempt to typeset horizontally each maximal sequence of consecutive ASCII digits (U+0030–U+0039) that has as many or fewer characters than the specified integer such that it takes up the space of a single character within the vertical line box.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No special processing.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-decoration" restriction="enum, color" version="1.0" browsers="all" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-style" syntax="a:visited { $(name): line-through; }">
|
||
<desc>Decorations applied to font used for an element's text.</desc>
|
||
<values>
|
||
<value name="dashed" version="1.0" browsers="all">
|
||
<desc>Produces a dashed line style.</desc>
|
||
</value>
|
||
<value name="dotted" version="1.0" browsers="all">
|
||
<desc>Produces a dotted line.</desc>
|
||
</value>
|
||
<value name="double" version="1.0" browsers="all">
|
||
<desc>Produces a double line.</desc>
|
||
</value>
|
||
<value name="line-through" version="1.0" browsers="all">
|
||
<desc>Each line of text has a line through the middle.</desc>
|
||
</value>
|
||
<value name="none" version="1.0" browsers="all">
|
||
<desc>Produces no line.</desc>
|
||
</value>
|
||
<value name="overline" version="1.0" browsers="all">
|
||
<desc>Each line of text has a line above it.</desc>
|
||
</value>
|
||
<value name="solid" version="1.0" browsers="all">
|
||
<desc>Produces a solid line.</desc>
|
||
</value>
|
||
<value name="underline" version="1.0" browsers="all">
|
||
<desc>Each line of text is underlined.</desc>
|
||
</value>
|
||
<value name="wavy" version="1.0" browsers="all">
|
||
<desc>Produces a wavy line.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-decoration-color" restriction="color" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-color" syntax="div { $(name): #ff0; }">
|
||
<desc>Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.</desc>
|
||
</entry>
|
||
<entry name="text-decoration-line" restriction="enum" version="3.0" browsers="FF36" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-line" syntax="div { $(name): underline; }">
|
||
<desc>Specifies what line decorations, if any, are added to the element.</desc>
|
||
<values>
|
||
<value name="line-through" version="3.0" browsers="all">
|
||
<desc>Each line of text has a line through the middle.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Neither produces nor inhibits text decoration.</desc>
|
||
</value>
|
||
<value name="overline" version="3.0" browsers="all">
|
||
<desc>Each line of text has a line above it.</desc>
|
||
</value>
|
||
<value name="underline" version="3.0" browsers="all">
|
||
<desc>Each line of text is underlined.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-decoration-skip" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-skip" syntax="none | [ images || spaces || ink || all ]">
|
||
<desc>Specifies what parts of the element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.</desc>
|
||
<values>
|
||
<value name="box-decoration" version="3.0" browsers="all">
|
||
<desc>Skip over the box’s margin, border, and padding areas.</desc>
|
||
</value>
|
||
<value name="ink" version="3.0" browsers="all">
|
||
<desc>Skip over where glyphs are drawn: interrupt the decoration line to let text show through where the text decoration would otherwise cross over a glyph. The UA may also skip a small distance to either side of the glyph outline.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Skip nothing: text-decoration is drawn for all text content and for inline replaced elements.</desc>
|
||
</value>
|
||
<value name="objects" version="3.0" browsers="all">
|
||
<desc>Skip this element if it is an atomic inline (such as an image or inline-block).</desc>
|
||
</value>
|
||
<value name="spaces" version="3.0" browsers="all">
|
||
<desc>Skip white space: this includes regular spaces (U+0020) and tabs (U+0009), as well as nbsp (U+00A0), ideographic space (U+3000), all fixed width spaces (such as U+2000–U+200A, U+202F and U+205F), and any adjacent letter-spacing or word-spacing.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-decoration-style" restriction="enum" version="3.0" browsers="FF36" ref="http://www.w3.org/TR/css-text-decor-3/#text-decoration-style" syntax="div { $(name): solid; }">
|
||
<desc>Specifies the line style for underline, line-through and overline text decoration.</desc>
|
||
<values>
|
||
<value name="dashed" version="3.0" browsers="all">
|
||
<desc>Produces a dashed line style.</desc>
|
||
</value>
|
||
<value name="dotted" version="3.0" browsers="all">
|
||
<desc>Produces a dotted line.</desc>
|
||
</value>
|
||
<value name="double" version="3.0" browsers="all">
|
||
<desc>Produces a double line.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Produces no line.</desc>
|
||
</value>
|
||
<value name="solid" version="3.0" browsers="all">
|
||
<desc>Produces a solid line.</desc>
|
||
</value>
|
||
<value name="wavy" version="3.0" browsers="all">
|
||
<desc>Produces a wavy line.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-emphasis" restriction="color, string" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-text-decor-3/#text-emphasis" syntax="<color> | <string> | none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ]">
|
||
<desc>Shorthand for setting text-emphasis-style and text-emphasis-color in one declaration.</desc>
|
||
<values>
|
||
<value name="circle" version="3.0" browsers="all">
|
||
<desc>Draw large circles as marks. The filled circle is U+25CF '●', and the open circle is U+25CB '○'.</desc>
|
||
</value>
|
||
<value name="dot" version="3.0" browsers="all">
|
||
<desc>Draw small circles as marks. The filled dot is U+2022 '•', and the open dot is U+25E6 '◦'.</desc>
|
||
</value>
|
||
<value name="double-circle" version="3.0" browsers="all">
|
||
<desc>Draw double circles as marks. The filled double-circle is U+25C9 '◉', and the open double-circle is U+25CE '◎'.</desc>
|
||
</value>
|
||
<value name="filled" version="3.0" browsers="all">
|
||
<desc>The shape is filled with solid color.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No emphasis marks.</desc>
|
||
</value>
|
||
<value name="open" version="3.0" browsers="all">
|
||
<desc>The shape is hollow.</desc>
|
||
</value>
|
||
<value name="sesame" version="3.0" browsers="all">
|
||
<desc>Draw sesames as marks. The filled sesame is U+FE45 '﹅', and the open sesame is U+FE46 '﹆'.</desc>
|
||
</value>
|
||
<value name="triangle" version="3.0" browsers="all">
|
||
<desc>Draw triangles as marks. The filled triangle is U+25B2 '▲', and the open triangle is U+25B3 '△'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-emphasis-color" restriction="color" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-color" syntax="div { $(name): #ff0; }">
|
||
<desc>Describes the foreground color of the emphasis marks.</desc>
|
||
</entry>
|
||
<entry name="text-emphasis-position" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-position" syntax="[ above | below ] && [ right | left ]">
|
||
<desc>Describes where emphasis marks are drawn at.</desc>
|
||
<values>
|
||
<value name="over" version="3.0" browsers="all">
|
||
<desc>Draw marks over the text in horizontal typographic mode.</desc>
|
||
</value>
|
||
<value name="under" version="3.0" browsers="all">
|
||
<desc>Draw marks under the text in horizontal typographic mode.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Draw marks to the left of the text in vertical typographic mode.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Draw marks to the right of the text in vertical typographic mode.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-emphasis-style" restriction="string" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-style" syntax="none | [[ filled | open ] || [ dot | circle | double-circle | triangle | sesame ]] | <string>">
|
||
<desc>Applies emphasis marks to the element's text.</desc>
|
||
<values>
|
||
<value name="circle" version="3.0" browsers="all">
|
||
<desc>Draw large circles as marks. The filled circle is U+25CF '●', and the open circle is U+25CB '○'.</desc>
|
||
</value>
|
||
<value name="dot" version="3.0" browsers="all">
|
||
<desc>Draw small circles as marks. The filled dot is U+2022 '•', and the open dot is U+25E6 '◦'.</desc>
|
||
</value>
|
||
<value name="double-circle" version="3.0" browsers="all">
|
||
<desc>Draw double circles as marks. The filled double-circle is U+25C9 '◉', and the open double-circle is U+25CE '◎'.</desc>
|
||
</value>
|
||
<value name="filled" version="3.0" browsers="all">
|
||
<desc>The shape is filled with solid color.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No emphasis marks.</desc>
|
||
</value>
|
||
<value name="open" version="3.0" browsers="all">
|
||
<desc>The shape is hollow.</desc>
|
||
</value>
|
||
<value name="sesame" version="3.0" browsers="all">
|
||
<desc>Draw sesames as marks. The filled sesame is U+FE45 '﹅', and the open sesame is U+FE46 '﹆'.</desc>
|
||
</value>
|
||
<value name="triangle" version="3.0" browsers="all">
|
||
<desc>Draw triangles as marks. The filled triangle is U+25B2 '▲', and the open triangle is U+25B3 '△'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-indent" restriction="percentage, length" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-text/#text-indent0" syntax="li { $(name): 5px; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="each-line" version="3.0" browsers="none">
|
||
<desc>Indentation affects the first line of the block container as well as each line after a forced line break, but does not affect lines after a text wrap break.</desc>
|
||
</value>
|
||
<value name="hanging" version="3.0" browsers="none">
|
||
<desc>Inverts which lines are affected.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-justify" restriction="enum" version="3.0" browsers="E,IE5.5" ref="http://www.w3.org/TR/css3-text/#text-justify0" syntax="div { $(name): inter-word; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality.</desc>
|
||
</value>
|
||
<value name="distribute" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="distribute-all-lines" version="3.0" browsers="all" />
|
||
<value name="inter-character" version="3.0" browsers="none">
|
||
<desc>Justification adjusts spacing between each pair of adjacent typographic character units.</desc>
|
||
</value>
|
||
<value name="inter-cluster" version="3.0" browsers="all">
|
||
<desc>Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai.</desc>
|
||
</value>
|
||
<value name="inter-ideograph" version="3.0" browsers="all">
|
||
<desc>Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages.</desc>
|
||
</value>
|
||
<value name="inter-word" version="3.0" browsers="all">
|
||
<desc>Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean.</desc>
|
||
</value>
|
||
<value name="kashida" version="3.0" browsers="all">
|
||
<desc>Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation.</desc>
|
||
</value>
|
||
<value name="newspaper" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="none">
|
||
<desc>Justification is disabled.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-orientation" restriction="enum" version="3.0" browsers="C,O15,S5.1" ref="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" syntax="span { $(name): mixed; }">
|
||
<desc>Specifies the orientation of text within a line.</desc>
|
||
<values>
|
||
<value name="mixed" version="3.0" browsers="none">
|
||
<desc>In vertical writing modes, characters from horizontal-only scripts are set sideways, i.e. 90° clockwise from their standard orientation in horizontal text.</desc>
|
||
</value>
|
||
<value name="sideways" version="3.0" browsers="C25,O15,S6.1">
|
||
<desc>This value is equivalent to 'sideways-right' in 'vertical-rl' writing mode and equivalent to 'sideways-left' in 'vertical-lr' writing mode.</desc>
|
||
</value>
|
||
<value name="sideways-left" version="3.0" browsers="none">
|
||
<desc>In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° counter-clockwise.</desc>
|
||
</value>
|
||
<value name="sideways-right" version="3.0" browsers="C25,O15,S6.1">
|
||
<desc>In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° clockwise.</desc>
|
||
</value>
|
||
<value name="upright" version="3.0" browsers="all">
|
||
<desc>In vertical writing modes, characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation.</desc>
|
||
</value>
|
||
<value name="use-glyph-orientation" version="3.0" browsers="none">
|
||
<desc>This value deprecated and only applies to SVG.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-overflow" restriction="enum, string" version="3.0" browsers="E,C,FF9,IE5.5,O11.6,S2" ref="http://www.w3.org/TR/css3-ui/#text-overflow0" syntax="span { $(name): ellipsis; }">
|
||
<desc>Text can overflow for example when it is prevented from wrapping.</desc>
|
||
<values>
|
||
<value name="clip" version="3.0" browsers="all">
|
||
<desc>Clip inline content that overflows. Characters may be only partially rendered.</desc>
|
||
</value>
|
||
<value name="ellipsis" version="3.0" browsers="all">
|
||
<desc>Render an ellipsis character (U+2026) to represent clipped inline content.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-rendering" restriction="enum" version="3.0" browsers="C,FF3,O9,S5" ref="http://www.w3.org/TR/SVG2/painting.html#TextRenderingProperty">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="geometricPrecision" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent shall emphasize geometric precision over legibility and rendering speed.</desc>
|
||
</value>
|
||
<value name="optimizeLegibility" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent shall emphasize legibility over rendering speed and geometric precision.</desc>
|
||
</value>
|
||
<value name="optimizeSpeed" version="3.0" browsers="all">
|
||
<desc>Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-shadow" restriction="length, color" version="3.0" browsers="E,C,FF3.6,IE10,O9.5,S1.1" ref="http://www.w3.org/TR/css3-text/#text-shadow0" syntax="h1 { $(name): 20px 12px 2px #333;}">
|
||
<desc>Enables shadow effects to be applied to the text of the element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No shadow.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-size-adjust" restriction="enum, percentage" version="3.0" browsers="none" ref="http://dev.w3.org/csswg/css-size-adjust/" syntax="body { $(name): 150%; }">
|
||
<desc>Specifies a size adjustment for displaying text content in mobile browsers.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Renderers must use the default size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Renderers must not do size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-space-collapse" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#white-space-collapsing" syntax="div { $(name): collapse; }">
|
||
<desc>Declares whether and how white space inside the element is collapsed. Values have the following meanings, which must be interpreted according to the white space processing rules.</desc>
|
||
<values>
|
||
<value name="collapse" version="4.0" browsers="all">
|
||
<desc>Collapse sequences of white space into a single character</desc>
|
||
</value>
|
||
<value name="discard" version="4.0" browsers="all">
|
||
<desc>Discard all white space in the element.</desc>
|
||
</value>
|
||
<value name="preserve" version="4.0" browsers="all">
|
||
<desc>Prevents collapsing sequences of white space.</desc>
|
||
</value>
|
||
<value name="preserve-auto" version="4.0" browsers="all">
|
||
<desc>As 'preserve', but matches platform conventions for editable text fields.</desc>
|
||
</value>
|
||
<value name="preserve-trim" version="4.0" browsers="all">
|
||
<desc>As 'preserve', but collapse the advance widths of all preserved white space at the end of a line.</desc>
|
||
</value>
|
||
<value name="preserve-breaks" version="4.0" browsers="all">
|
||
<desc>Prevents collapsing sequences of white space, and converts tabs and segment breaks to spaces.</desc>
|
||
</value>
|
||
<value name="preserve-spaces" version="4.0" browsers="all">
|
||
<desc>Discard whitespace at the start and end of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-space-trim" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-text-space-trim" syntax="div { $(name): trim-inner; }">
|
||
<desc>Specifies trimming behavior at the beginning and end of a box.</desc>
|
||
<values>
|
||
<value name="none" version="4.0" browsers="all">
|
||
<desc>Don’t discard whitepace.</desc>
|
||
</value>
|
||
<value name="trim-inner" version="4.0" browsers="all">
|
||
<desc>Discard whitespace at the start and end of the element.</desc>
|
||
</value>
|
||
<value name="discard-before" version="4.0" browsers="all">
|
||
<desc>Collapse all collapsible whitespace immediately before the start of the element.</desc>
|
||
</value>
|
||
<value name="discard-after" version="4.0" browsers="all">
|
||
<desc>Collapse all collapsible whitespace immediately after the end of the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-spacing" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-text-spacing" syntax="div { $(name): none; }">
|
||
<desc>Controls spacing between adjacent characters on the same line within the same inline formatting context using a set of character-class-based rules.</desc>
|
||
<values>
|
||
<value name="normal" version="4.0" browsers="all">
|
||
<desc>Specifies the baseline behavior, equivalent to 'space-start allow-end trim-adjacent'.</desc>
|
||
</value>
|
||
<value name="none" version="4.0" browsers="all">
|
||
<desc>Turns off all text-spacing features. All fullwidth characters are set with full-width glyphs.</desc>
|
||
</value>
|
||
<value name="trim-start" version="4.0" browsers="all">
|
||
<desc>Set fullwidth opening punctuation with half-width glyphs (flush) at the start of each line.</desc>
|
||
</value>
|
||
<value name="space-start" version="4.0" browsers="all">
|
||
<desc>Set fullwidth opening punctuation with full-width glyphs (spaced) at the start of each line.</desc>
|
||
</value>
|
||
<value name="trim-end" version="4.0" browsers="all">
|
||
<desc>Set fullwidth closing punctuation with half-width glyphs (flush) at the end of each line.</desc>
|
||
</value>
|
||
<value name="space-end" version="4.0" browsers="all">
|
||
<desc>Set fullwidth opening punctuation with full-width glyphs (spaced) at the start of each line.</desc>
|
||
</value>
|
||
<value name="allow-end" version="4.0" browsers="all">
|
||
<desc>Set fullwidth closing punctuation with half-width glyphs (flush) at the end of each line if it does not otherwise fit prior to justification; otherwise set the punctuation with full-width glyphs.</desc>
|
||
</value>
|
||
<value name="trim-adjacent" version="4.0" browsers="all">
|
||
<desc>Collapse spacing between punctuation glyphs.</desc>
|
||
</value>
|
||
<value name="space-adjacent" version="4.0" browsers="all">
|
||
<desc>Set fullwidth opening punctuation with full-width glyphs (spaced) when not at the start of the line. Set fullwidth closing punctuation with full-width glyphs (spaced) when not at the end of the line.</desc>
|
||
</value>
|
||
<value name="no-compress" version="4.0" browsers="all">
|
||
<desc>Justification may not compress text-spacing.</desc>
|
||
</value>
|
||
<value name="ideograph-alpha" version="4.0" browsers="all">
|
||
<desc>Creates 1/4em extra spacing between runs of ideographs and non-ideographic letters.</desc>
|
||
</value>
|
||
<value name="ideograph-numeric" version="4.0" browsers="all">
|
||
<desc>Creates 1/4em extra spacing between runs of ideographs and non-ideographic numerals glyphs.</desc>
|
||
</value>
|
||
<value name="punctuation" version="4.0" browsers="all">
|
||
<desc>Creates extra non-breaking spacing around punctuation as required by language-specific typographic conventions.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-transform" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-text/#text-transform0" syntax="h1 { $(name): capitalize; }">
|
||
<desc>Controls capitalization effects of an element’s text.</desc>
|
||
<values>
|
||
<value name="capitalize" version="1.0" browsers="all">
|
||
<desc>Puts the first typographic letter unit of each word in titlecase.</desc>
|
||
</value>
|
||
<value name="full-width" version="3.0" browsers="none">
|
||
<desc>Puts all characters in fullwidth form. If the character does not have corresponding fullwidth form, it is left as is.</desc>
|
||
</value>
|
||
<value name="lowercase" version="1.0" browsers="all">
|
||
<desc>Puts all letters in lowercase.</desc>
|
||
</value>
|
||
<value name="none" version="1.0" browsers="all">
|
||
<desc>No effects.</desc>
|
||
</value>
|
||
<value name="uppercase" version="1.0" browsers="all">
|
||
<desc>Puts all letters in uppercase.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-underline-position" restriction="enum" version="3.0" browsers="E,IE10" ref="http://www.w3.org/TR/css3-text/#text-underline-position0" syntax="article { $(name): auto; }">
|
||
<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</desc>
|
||
<values>
|
||
<value name="above" version="3.0" browsers="all" />
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="below" version="3.0" browsers="all">
|
||
<desc>The underline is aligned with the under edge of the element’s content box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="none">
|
||
<desc>In vertical typographic modes, the underline is aligned as for 'below', on the left edge of the text.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="none">
|
||
<desc>In vertical typographic modes, the underline is aligned as for 'below', except it is aligned to the right edge of the text.</desc>
|
||
</value>
|
||
<value name="under" version="3.0" browsers="none">
|
||
<desc>The underline is positioned under the element’s text content.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="text-wrap" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-text/#propdef-text-wrap" syntax="p.test { $(name): none; }">
|
||
<desc>Specifies mode for text wrapping.</desc>
|
||
<values>
|
||
<value name="balance" version="3.0" browsers="all">
|
||
<desc>Same as normal for inline-level elements. For block-level elements that contain line boxes as direct children, line breaks are chosen to balance the inline-size those line boxes consume, if better balance than normal is possible.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Lines may break at allowed break points, as determined by the line-breaking rules in effect. Honors rules specified in Unicode Standard Annex #14 for the WJ, ZW, and GL line-breaking classes.</desc>
|
||
</value>
|
||
<value name="nowrap" version="3.0" browsers="all">
|
||
<desc>Lines may not break; text that does not fit within the block container overflows it.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="top" restriction="length, percentage" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-positioning/#propdef-top" syntax="article { $(name): 50px; }">
|
||
<desc>Specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's 'containing block'.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<desc>For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="touch-action" restriction="enum" version="3.0" browsers="E,C36,IE11,O23" ref="http://www.w3.org/TR/pointerevents/#the-touch-action-css-property" syntax="div { $(name): pan-x; }">
|
||
<desc>Determines whether touch input may trigger default behavior supplied by user agent.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="cross-slide-x" version="3.0" browsers="E,IE11" />
|
||
<value name="cross-slide-y" version="3.0" browsers="E,IE11" />
|
||
<value name="double-tap-zoom" version="3.0" browsers="E,IE11" />
|
||
<value name="manipulation" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="pan-x" version="3.0" browsers="all" />
|
||
<value name="pan-y" version="3.0" browsers="all" />
|
||
<value name="pinch-zoom" version="3.0" browsers="E,IE11" />
|
||
</values>
|
||
</entry>
|
||
<entry name="transform" restriction="enum" version="3.0" browsers="E,C36,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-transforms/#transform-property" syntax="div { $(name): rotate(-90deg); }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="matrix()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]</desc>
|
||
</value>
|
||
<value name="matrix3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="perspective()" version="3.0" browsers="all">
|
||
<desc>Specifies a perspective projection matrix.</desc>
|
||
</value>
|
||
<value name="rotate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.</desc>
|
||
</value>
|
||
<value name="rotate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.</desc>
|
||
</value>
|
||
<value name="rotateX('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the X axis.</desc>
|
||
</value>
|
||
<value name="rotateY('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Y axis.</desc>
|
||
</value>
|
||
<value name="rotateZ('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Z axis.</desc>
|
||
</value>
|
||
<value name="scale()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.</desc>
|
||
</value>
|
||
<value name="scale3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.</desc>
|
||
</value>
|
||
<value name="scaleX()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleY()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.</desc>
|
||
</value>
|
||
<value name="skew()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).</desc>
|
||
</value>
|
||
<value name="skewX()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X axis by the given angle.</desc>
|
||
</value>
|
||
<value name="skewY()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the Y axis by the given angle.</desc>
|
||
</value>
|
||
<value name="translate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.</desc>
|
||
</value>
|
||
<value name="translate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.</desc>
|
||
</value>
|
||
<value name="translateX()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the X direction.</desc>
|
||
</value>
|
||
<value name="translateY()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Y direction.</desc>
|
||
</value>
|
||
<value name="translateZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="transform-box" restriction="enum" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-transforms-1/#propdef-transform-box" syntax="div { $(name): border-box; }">
|
||
<desc>All transformations defined by the 'transform' and 'transform-origin' property are relative to the position and dimension of the specified reference box.</desc>
|
||
<values>
|
||
<value name="border-box" version="3.0" browsers="all">
|
||
<desc>Uses the border box as reference box.</desc>
|
||
</value>
|
||
<value name="fill-box" version="3.0" browsers="all">
|
||
<desc>Uses the object bounding box as reference box.</desc>
|
||
</value>
|
||
<value name="view-box" version="3.0" browsers="all">
|
||
<desc>Uses the nearest SVG viewport as reference box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="transform-origin" restriction="position, length, percentage" version="3.0" browsers="E,C36,FF16,IE10,O12.1,S9" ref="http://www.w3.org/TR/css3-transforms/#propdef-transform-origin" syntax=".album { $(name): 20% 40%; }">
|
||
<desc>Establishes the origin of transformation for an element.</desc>
|
||
</entry>
|
||
<entry name="transform-style" restriction="enum" version="3.0" browsers="E,C36,FF16,IE10,O23,S9" ref="http://www.w3.org/TR/css3-transforms/#propdef-transform-style" syntax="div { $(name): flat; }">
|
||
<desc>Defines how nested elements are rendered in 3D space.</desc>
|
||
<values>
|
||
<value name="flat" version="3.0" browsers="all">
|
||
<desc>All children of this element are rendered flattened into the 2D plane of the element.</desc>
|
||
</value>
|
||
<value name="preserve-3d" version="3.0" browsers="E,C36,FF16,O23,S9">
|
||
<desc>Flattening is not performed, so children maintain their position in 3D space.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="transition" restriction="time, property, enum" version="3.0" browsers="E,FF16,IE10,O12.5" ref="http://www.w3.org/TR/css3-transitions/#transition" syntax="div { $(name): background-color linear 1s; }">
|
||
<desc>Shorthand property combines four of the transition properties into a single property.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="transition-delay" restriction="time" version="3.0" browsers="E,FF16,IE10,O12.5" ref="http://www.w3.org/TR/css3-transitions/#transition-delay" syntax="div { $(name): 1s; }">
|
||
<desc>Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.</desc>
|
||
</entry>
|
||
<entry name="transition-duration" restriction="time" version="3.0" browsers="E,FF16,IE10,O12.5" ref="http://www.w3.org/TR/css3-transitions/#transition-duration" syntax="div { $(name): 1s; }">
|
||
<desc>Specifies how long the transition from the old value to the new value should take.</desc>
|
||
</entry>
|
||
<entry name="transition-property" restriction="property" version="3.0" browsers="E,FF16,IE10,O12.5" ref="http://www.w3.org/TR/css3-transitions/#transition-property" syntax="div { $(name): background-color; }">
|
||
<desc>Specifies the name of the CSS property to which the transition is applied.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="transition-timing-function" restriction="enum" version="3.0" browsers="E,FF16,IE10,O12.5" ref="http://www.w3.org/TR/css3-transitions/#transition-timing-function" syntax="div { $(name): linear; }">
|
||
<desc>Describes how the intermediate values used during a transition will be calculated.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="unicode-bidi" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" syntax="p { $(name): embed; }">
|
||
<desc>The level of embedding with respect to the bidirectional algorithm.</desc>
|
||
<values>
|
||
<value name="bidi-override" version="2.0" browsers="all">
|
||
<desc>Inside the element, reordering is strictly in sequence according to the 'direction' property; the implicit part of the bidirectional algorithm is ignored.</desc>
|
||
</value>
|
||
<value name="embed" version="2.0" browsers="all">
|
||
<desc>If the element is inline-level, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the 'direction' property.</desc>
|
||
</value>
|
||
<value name="isolate" version="3.0" browsers="C,FF10,O15,S5.1">
|
||
<desc>The contents of the element are considered to be inside a separate, independent paragraph.</desc>
|
||
</value>
|
||
<value name="isolate-override" version="3.0" browsers="C,FF17,O15,S6.1">
|
||
<desc>This combines the isolation behavior of 'isolate' with the directional override behavior of 'bidi-override'</desc>
|
||
</value>
|
||
<value name="normal" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="plaintext" version="3.0" browsers="C,FF10,O15,S6">
|
||
<desc>For the purposes of the Unicode bidirectional algorithm, the base directionality of each bidi paragraph for which the element forms the containing block is determined not by the element's computed 'direction'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="unicode-range" restriction="unicode-range" version="3.0" browsers="all" ref="http://www.w3.org/TR/css3-fonts/#unicode-range" syntax="'urange' [, 'urange']*">
|
||
<desc>Range of Unicode characters supported by a given font. Initial value is U+0-10FFFF</desc>
|
||
</entry>
|
||
<entry name="user-select" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-ui-4/#propdef-user-select" syntax="div { $(name): text; }">
|
||
<desc>Controls the appearance of selection.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all" />
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="contain" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="text" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="vector-effect" restriction="enum" version="4.0" browsers="none" ref="http://www.w3.org/TR/SVG2/painting.html#VectorEffectProperty" syntax="circle { $(name): non-rotation; }">
|
||
<desc>Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box.</desc>
|
||
<values>
|
||
<value name="fixed-position" version="4.0" browsers="all">
|
||
<desc>The placement of local coordinate system is fixed in spite of change of CTMs from a host coordinate space.</desc>
|
||
</value>
|
||
<value name="none" version="4.0" browsers="all">
|
||
<desc>Specifies that no vector effect shall be applied.</desc>
|
||
</value>
|
||
<value name="non-rotation" version="4.0" browsers="all">
|
||
<desc>The rotation and skew of the local coordinate system is suppressd in spite of change of CTMs from a host coordinate space.</desc>
|
||
</value>
|
||
<value name="non-scaling-size" version="4.0" browsers="all">
|
||
<desc>The scale of the local coordinate system do not change in spite of change of CTMs from a host coordinate space.</desc>
|
||
</value>
|
||
<value name="non-scaling-stroke" version="4.0" browsers="all">
|
||
<desc>Modifies the way an object is stroked. Stroke outline shall be calculated in the “host” coordinate space instead of local coordinate system.</desc>
|
||
</value>
|
||
<value name="screen" version="4.0" browsers="all">
|
||
<desc>Specifies the coordinate system of content which is under the immediate control of the user agent.</desc>
|
||
</value>
|
||
<value name="viewport" version="4.0" browsers="all">
|
||
<desc>Specifies immediate viewport coordinate system as the host coordinate space.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="vertical-align" restriction="percentage, length" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-linebox/#vertical-align" syntax="div { $(name): middle; }">
|
||
<desc>Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box.</desc>
|
||
<values>
|
||
<value name="alphabetic" version="3.0" browsers="none">
|
||
<desc>Match the box’s alphabetic baseline to that of its parent.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Align the dominant baseline of the parent box with the equivalent, or heuristically reconstructed, baseline of the element inline box.</desc>
|
||
</value>
|
||
<value name="baseline" version="1.0" browsers="all">
|
||
<desc>Align the 'alphabetic' baseline of the element with the 'alphabetic' baseline of the parent element.</desc>
|
||
</value>
|
||
<value name="bottom" version="1.0" browsers="all">
|
||
<desc>Align the after edge of the extended inline box with the after-edge of the line box.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="none">
|
||
<desc>Align the center of the aligned subtree with the center of the line box.</desc>
|
||
</value>
|
||
<value name="central" version="3.0" browsers="none">
|
||
<desc>Align the 'central' baseline of the inline element with the central baseline of the parent.</desc>
|
||
</value>
|
||
<value name="mathematical" version="3.0" browsers="none">
|
||
<desc>Match the box’s mathematical baseline to that of its parent.</desc>
|
||
</value>
|
||
<value name="middle" version="3.0" browsers="all">
|
||
<desc>Align the 'middle' baseline of the inline element with the middle baseline of the parent.</desc>
|
||
</value>
|
||
<value name="sub" version="1.0" browsers="all">
|
||
<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.)</desc>
|
||
</value>
|
||
<value name="super" version="1.0" browsers="all">
|
||
<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.)</desc>
|
||
</value>
|
||
<value name="text-bottom" version="1.0" browsers="all">
|
||
<desc>Align the bottom of the box with the after-edge of the parent element's font.</desc>
|
||
</value>
|
||
<value name="text-top" version="1.0" browsers="all">
|
||
<desc>Align the top of the box with the before-edge of the parent element's font.</desc>
|
||
</value>
|
||
<value name="top" version="1.0" browsers="all">
|
||
<desc>Align the before edge of the extended inline box with the before-edge of the line box.</desc>
|
||
</value>
|
||
<value name="-webkit-baseline-middle" version="2.0" browsers="C,S1" />
|
||
</values>
|
||
</entry>
|
||
<entry name="visibility" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#visibility" syntax="img { $(name): hidden; }">
|
||
<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).</desc>
|
||
<values>
|
||
<value name="collapse" version="2.0" browsers="all">
|
||
<desc>Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'.</desc>
|
||
</value>
|
||
<value name="hidden" version="2.0" browsers="all">
|
||
<desc>The generated box is invisible (fully transparent, nothing is drawn), but still affects layout.</desc>
|
||
</value>
|
||
<value name="visible" version="2.0" browsers="all">
|
||
<desc>The generated box is visible.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-balance" restriction="number(-100-100)" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-balance" syntax="<number> | left | center | right | leftwards | rightwards">
|
||
<desc>Controls the spatial distribution of audio output across a lateral sound stage.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Same as '0'.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Same as '-100'.</desc>
|
||
</value>
|
||
<value name="leftwards" version="3.0" browsers="all">
|
||
<desc>Moves the sound to the left, by subtracting 20 from the inherited ‘voice-balance’ value, and by clamping the resulting number to ‘-100’.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Same as '100'.</desc>
|
||
</value>
|
||
<value name="rightwards" version="3.0" browsers="all">
|
||
<desc>Moves the sound to the right, by adding 20 to the inherited ‘voice-balance’ value, and by clamping the resulting number to ‘100’.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-duration" restriction="time" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-duration" syntax="<time>">
|
||
<desc>Specifies how long it should take to render the selected element's content (not including audio cues, pauses and rest).</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Resolves to a used value corresponding to the duration of the speech synthesis when using the inherited ‘voice-rate’.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-family" restriction="number, string, identifier" version="2.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-family" syntax="[[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ]">
|
||
<desc>Comma-separated, prioritized list of voice family names (compare with 'font-family').</desc>
|
||
<values>
|
||
<value name="child" version="2.0" browsers="all">
|
||
<desc>Child voice for 'age'.</desc>
|
||
</value>
|
||
<value name="female" version="2.0" browsers="all">
|
||
<desc>Female voice for 'generic-voice'.</desc>
|
||
</value>
|
||
<value name="male" version="2.0" browsers="all">
|
||
<desc>Male voice for 'generic-voice'.</desc>
|
||
</value>
|
||
<value name="neutral" version="2.0" browsers="all">
|
||
<desc>Neutral voice for 'generic-voice'.</desc>
|
||
</value>
|
||
<value name="old" version="2.0" browsers="all">
|
||
<desc>Old person voice for 'age'.</desc>
|
||
</value>
|
||
<value name="preserve" version="3.0" browsers="all">
|
||
<desc>Indicates that the ‘voice-family’ value gets inherited and used regardless of any potential language change within the markup.</desc>
|
||
</value>
|
||
<value name="young" version="2.0" browsers="all">
|
||
<desc>Young person voice for 'age'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-pitch" restriction="percentage, number, frequency, semitones" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-pitch" syntax="h2 { $(name): absolute 30Hz; }">
|
||
<desc>Specifies the average pitch (a frequency) of the speaking voice. The average pitch of a voice depends on the voice family. For example, the average pitch for a standard male voice is around 120Hz, but for a female voice, it's around 210Hz.</desc>
|
||
<values>
|
||
<value name="absolute" version="3.0" browsers="all">
|
||
<desc>Indicates that the specified frequency represents an absolute value.</desc>
|
||
</value>
|
||
<value name="high" version="3.0" browsers="all">
|
||
<desc>High pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="low" version="3.0" browsers="all">
|
||
<desc>Low pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="medium" version="3.0" browsers="all">
|
||
<desc>Medium pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="x-high" version="3.0" browsers="all">
|
||
<desc>Extra High pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="x-low" version="3.0" browsers="all">
|
||
<desc>Extra low pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-range" restriction="percentage, number, frequency, semitones" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-props-voice-range" syntax="h2 { $(name): +10Hz; }">
|
||
<desc>Specifies the variability in the “baseline” pitch, i.e. how much the fundamental frequency may deviate from the average pitch of the speech output.</desc>
|
||
<values>
|
||
<value name="absolute" version="3.0" browsers="all">
|
||
<desc>Indicates that the specified frequency represents an absolute value.</desc>
|
||
</value>
|
||
<value name="high" version="3.0" browsers="all">
|
||
<desc>High pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="low" version="3.0" browsers="all">
|
||
<desc>Low pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="medium" version="3.0" browsers="all">
|
||
<desc>Medium pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="x-high" version="3.0" browsers="all">
|
||
<desc>Extra High pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
<value name="x-low" version="3.0" browsers="all">
|
||
<desc>Extra low pitch. Exact level is implementation and voice specific.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-rate" restriction="percentage" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-rate" syntax="<percentage> | x-slow | slow | medium | fast | x-fast">
|
||
<desc>Controls the speaking rate. The default rate for a voice depends on the language and dialect and on the personality of the voice.</desc>
|
||
<values>
|
||
<value name="fast" version="3.0" browsers="all" />
|
||
<value name="medium" version="3.0" browsers="all">
|
||
<desc>Equivalent to 100% and means the normal rate for this voice.</desc>
|
||
</value>
|
||
<value name="slow" version="3.0" browsers="all" />
|
||
<value name="x-fast" version="3.0" browsers="all" />
|
||
<value name="x-slow" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-stress" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-stress" syntax="h2 { $(name): moderate; }">
|
||
<desc>Indicates the strength of emphasis to be applied. Emphasis is indicated using a combination of pitch change, timing changes, loudness and other acoustic differences) that varies from one language to the next.</desc>
|
||
<values>
|
||
<value name="moderate" version="3.0" browsers="all">
|
||
<desc>Monotonically non-decreasing in strength. More emphasis than what the speech synthesizer would normally produce.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Inhibits the synthesizer from emphasizing words it would normally emphasize.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Represents the default emphasis produced by the speech synthesizer.</desc>
|
||
</value>
|
||
<value name="reduced" version="3.0" browsers="all">
|
||
<desc>Effectively the opposite of emphasizing a word.</desc>
|
||
</value>
|
||
<value name="strong" version="3.0" browsers="all">
|
||
<desc>Monotonically non-decreasing in strength. More emphasis than what the speech synthesizer would normally produce.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="voice-volume" restriction="volume, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-speech/#voice-volume" syntax="<decibel> | silent | x-soft | soft | medium | loud | x-loud">
|
||
<desc>Controls the amplitude of the audio waveform generated by the speech synthesiser.</desc>
|
||
<values>
|
||
<value name="loud" version="3.0" browsers="all">
|
||
<desc>Intermediary value between 'meduyn and 'x-loud'.</desc>
|
||
</value>
|
||
<value name="medium" version="3.0" browsers="all">
|
||
<desc>The user's preferred volume level.</desc>
|
||
</value>
|
||
<value name="silent" version="3.0" browsers="all">
|
||
<desc>Specifies that no sound is generated.</desc>
|
||
</value>
|
||
<value name="soft" version="3.0" browsers="all">
|
||
<desc>Intermediary value between 'x-soft' and 'medium'.</desc>
|
||
</value>
|
||
<value name="x-loud" version="3.0" browsers="all">
|
||
<desc>The user’s maximum tolerable volume level.</desc>
|
||
</value>
|
||
<value name="x-soft" version="3.0" browsers="all">
|
||
<desc>The user’s minimum audible volume level.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-animation" restriction="time, enum, identifier, number" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation" syntax="div { $(name): movearound 4s ease 3 normal; }">
|
||
<desc>Shorthand property combines six of the animation properties into a single property.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="backwards" version="3.0" browsers="all">
|
||
<desc>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'.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Both forwards and backwards fill modes are applied.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="forwards" version="3.0" browsers="all">
|
||
<desc>The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.</desc>
|
||
</value>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-animation-delay" restriction="time" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation-delay" syntax="div { $(name): 4s; }">
|
||
<desc>Defines when the animation will start.</desc>
|
||
</entry>
|
||
<entry name="-webkit-animation-direction" restriction="enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation-direction" syntax="div { $(name): normal; }">
|
||
<desc>Defines whether or not the animation should play in reverse on alternate cycles.</desc>
|
||
<values>
|
||
<value name="alternate" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="alternate-reverse" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Normal playback.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<desc>All iterations of the animation are played in the reverse direction from the way they were specified.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-animation-duration" restriction="time" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation-duration" syntax="div { $(name): 4s; }">
|
||
<desc>Defines the length of time that an animation takes to complete one cycle.</desc>
|
||
</entry>
|
||
<entry name="-webkit-animation-fill-mode" restriction="enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation-fill-mode-property" syntax="div { $(name): forwards; }">
|
||
<desc>Defines what values are applied by the animation outside the time it is executing.</desc>
|
||
<values>
|
||
<value name="backwards" version="3.0" browsers="all">
|
||
<desc>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'.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Both forwards and backwards fill modes are applied.</desc>
|
||
</value>
|
||
<value name="forwards" version="3.0" browsers="all">
|
||
<desc>The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-animation-iteration-count" restriction="number, enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation-iteration-count" syntax="div { $(name): 3; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="infinite" version="3.0" browsers="all">
|
||
<desc>Causes the animation to repeat forever.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-animation-name" restriction="identifier, enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#the-animation-name-property-" syntax="div { $(name): movearound; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No animation is performed</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-animation-play-state" restriction="enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation-play-state" syntax="div { $(name): running; }">
|
||
<desc>Defines whether the animation is running or paused.</desc>
|
||
<values>
|
||
<value name="paused" version="3.0" browsers="all">
|
||
<desc>A running animation will be paused.</desc>
|
||
</value>
|
||
<value name="running" version="3.0" browsers="all">
|
||
<desc>Resume playback of a paused animation.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-animation-timing-function" restriction="enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-animations/#animation-timing-function" syntax="div { $(name): ease; }">
|
||
<desc>Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-appearance" restriction="enum" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-appearance" syntax="h3 { $(name): button; }">
|
||
<desc>Changes the appearance of buttons and other controls to resemble native controls.</desc>
|
||
<values>
|
||
<value name="button" version="3.0" browsers="all" />
|
||
<value name="button-bevel" version="3.0" browsers="all" />
|
||
<value name="caps-lock-indicator" version="3.0" browsers="all" />
|
||
<value name="caret" version="3.0" browsers="all" />
|
||
<value name="checkbox" version="3.0" browsers="all" />
|
||
<value name="default-button" version="3.0" browsers="all" />
|
||
<value name="listbox" version="3.0" browsers="all" />
|
||
<value name="listitem" version="3.0" browsers="all" />
|
||
<value name="media-fullscreen-button" version="3.0" browsers="all" />
|
||
<value name="media-mute-button" version="3.0" browsers="all" />
|
||
<value name="media-play-button" version="3.0" browsers="all" />
|
||
<value name="media-seek-back-button" version="3.0" browsers="all" />
|
||
<value name="media-seek-forward-button" version="3.0" browsers="all" />
|
||
<value name="media-slider" version="3.0" browsers="all" />
|
||
<value name="media-sliderthumb" version="3.0" browsers="all" />
|
||
<value name="menulist" version="3.0" browsers="all" />
|
||
<value name="menulist-button" version="3.0" browsers="all" />
|
||
<value name="menulist-text" version="3.0" browsers="all" />
|
||
<value name="menulist-textfield" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="push-button" version="3.0" browsers="all" />
|
||
<value name="radio" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-down" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-left" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-right" version="3.0" browsers="all" />
|
||
<value name="scrollbarbutton-up" version="3.0" browsers="all" />
|
||
<value name="scrollbargripper-horizontal" version="3.0" browsers="all" />
|
||
<value name="scrollbargripper-vertical" version="3.0" browsers="all" />
|
||
<value name="scrollbarthumb-horizontal" version="3.0" browsers="all" />
|
||
<value name="scrollbarthumb-vertical" version="3.0" browsers="all" />
|
||
<value name="scrollbartrack-horizontal" version="3.0" browsers="all" />
|
||
<value name="scrollbartrack-vertical" version="3.0" browsers="all" />
|
||
<value name="searchfield" version="3.0" browsers="all" />
|
||
<value name="searchfield-cancel-button" version="3.0" browsers="all" />
|
||
<value name="searchfield-decoration" version="3.0" browsers="all" />
|
||
<value name="searchfield-results-button" version="3.0" browsers="all" />
|
||
<value name="searchfield-results-decoration" version="3.0" browsers="all" />
|
||
<value name="slider-horizontal" version="3.0" browsers="all" />
|
||
<value name="sliderthumb-horizontal" version="3.0" browsers="all" />
|
||
<value name="sliderthumb-vertical" version="3.0" browsers="all" />
|
||
<value name="slider-vertical" version="3.0" browsers="all" />
|
||
<value name="square-button" version="3.0" browsers="all" />
|
||
<value name="textarea" version="3.0" browsers="all" />
|
||
<value name="textfield" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-backdrop-filter" restriction="enum, url" version="4.0" browsers="S9" ref="https://drafts.fxtf.org/filters-2/#propdef-backdrop-filter" syntax="div { $(name): blur(2px); }">
|
||
<desc>Applies a filter effect where the first filter in the list takes the element's background image as the input image.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No filter effects are applied.</desc>
|
||
</value>
|
||
<value name="blur()" version="3.0" browsers="all">
|
||
<desc>Applies a Gaussian blur to the input image.</desc>
|
||
</value>
|
||
<value name="brightness()" version="3.0" browsers="all">
|
||
<desc>Applies a linear multiplier to input image, making it appear more or less bright.</desc>
|
||
</value>
|
||
<value name="contrast()" version="3.0" browsers="all">
|
||
<desc>Adjusts the contrast of the input.</desc>
|
||
</value>
|
||
<value name="drop-shadow()" version="3.0" browsers="all">
|
||
<desc>Applies a drop shadow effect to the input image.</desc>
|
||
</value>
|
||
<value name="grayscale()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to grayscale.</desc>
|
||
</value>
|
||
<value name="hue-rotate()" version="3.0" browsers="all">
|
||
<desc>Applies a hue rotation on the input image. </desc>
|
||
</value>
|
||
<value name="invert()" version="3.0" browsers="all">
|
||
<desc>Inverts the samples in the input image.</desc>
|
||
</value>
|
||
<value name="opacity()" version="3.0" browsers="all">
|
||
<desc>Applies transparency to the samples in the input image.</desc>
|
||
</value>
|
||
<value name="saturate()" version="3.0" browsers="all">
|
||
<desc>Saturates the input image.</desc>
|
||
</value>
|
||
<value name="sepia()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to sepia.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>A filter reference to a <filter> element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-backface-visibility" restriction="enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-3d-transforms/#backface-visibility" syntax="div { $(name): hidden; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="hidden" version="3.0" browsers="all" />
|
||
<value name="visible" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-background-clip" restriction="box" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-background/#the-background-clip" syntax="header { $(name): border-box; }">
|
||
<desc>Determines the background painting area.</desc>
|
||
</entry>
|
||
<entry name="-webkit-background-composite" restriction="enum" version="3.0" browsers="C,S3" syntax="div { $(name): padding; }">
|
||
<values>
|
||
<value name="border" version="3.0" browsers="all" />
|
||
<value name="padding" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-background-origin" restriction="box" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-background/#the-background-origin" syntax="header { $(name): border-box; }">
|
||
<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).</desc>
|
||
</entry>
|
||
<entry name="-webkit-border-image" restriction="length, percentage, number, url, enum" version="3.0" browsers="C,S5" ref="http://www.w3.org/TR/css3-background/#border-image" syntax="td { $(name): url(border.png) 30 30 round;}">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="all">
|
||
<desc>Causes the middle part of the border-image to be preserved.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="repeat" version="3.0" browsers="all">
|
||
<desc>The image is tiled (repeated) to fill the area.</desc>
|
||
</value>
|
||
<value name="round" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="space" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The image is stretched to fill the area.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-box-align" restriction="enum" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-box-align" syntax="div { $(name): end; }">
|
||
<desc>Specifies the alignment of nested elements within an outer flexible box element.</desc>
|
||
<values>
|
||
<value name="baseline" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>Any extra space is divided evenly, with half placed above the child and the other half placed after the child.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="stretch" version="3.0" browsers="all">
|
||
<desc>The height of each child is adjusted to that of the containing block.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-box-direction" restriction="enum" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-box-direction" syntax="div { $(name): reverse; }">
|
||
<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).</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="reverse" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-box-flex" restriction="number" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-box-flex" syntax="div { $(name): 1; }">
|
||
<desc>Specifies an element's flexibility.</desc>
|
||
</entry>
|
||
<entry name="-webkit-box-flex-group" restriction="integer" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-box-flex-group" syntax="div { $(name): 4; }">
|
||
<desc>Flexible elements can be assigned to flex groups using the 'box-flex-group' property.</desc>
|
||
</entry>
|
||
<entry name="-webkit-box-ordinal-group" restriction="integer" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-box-ordinal-group" syntax="div { $(name): 3; }">
|
||
<desc>Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.</desc>
|
||
</entry>
|
||
<entry name="-webkit-box-orient" restriction="enum" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-box-orient" syntax="div { $(name): vertical; }">
|
||
<desc>In webkit applications, -webkit-box-orient specifies whether a box lays out its contents horizontally or vertically.</desc>
|
||
<values>
|
||
<value name="block-axis" version="3.0" browsers="all">
|
||
<desc>Elements are oriented along the box's axis.</desc>
|
||
</value>
|
||
<value name="horizontal" version="3.0" browsers="all">
|
||
<desc>The box displays its children from left to right in a horizontal line.</desc>
|
||
</value>
|
||
<value name="inline-axis" version="3.0" browsers="all">
|
||
<desc>Elements are oriented vertically.</desc>
|
||
</value>
|
||
<value name="vertical" version="3.0" browsers="all">
|
||
<desc>The box displays its children from stacked from top to bottom vertically.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-box-pack" restriction="enum" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-box-pack" syntax="div { $(name): end; }">
|
||
<desc>Specifies alignment of child elements within the current element in the direction of orientation.</desc>
|
||
<values>
|
||
<value name="center" version="3.0" browsers="all">
|
||
<desc>The extra space is divided evenly, with half placed before the first child and the other half placed after the last child.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="justify" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-box-reflect" restriction="" version="3.0" browsers="C,S4" ref="http://css-infos.net/property/-webkit-box-reflect" syntax="div { $(name): below 5px; }">
|
||
<desc>Defines a reflection of a border box.</desc>
|
||
<values>
|
||
<value name="above" version="3.0" browsers="all">
|
||
<desc>The reflection appears above the border box.</desc>
|
||
</value>
|
||
<value name="below" version="3.0" browsers="all">
|
||
<desc>The reflection appears below the border box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>The reflection appears to the left of the border box.</desc>
|
||
</value>
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>The reflection appears to the right of the border box.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-box-sizing" restriction="enum" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-ui/#box-sizing" syntax="div { $(name): content-box; }">
|
||
<desc>Box Model addition in CSS3.</desc>
|
||
<values>
|
||
<value name="border-box" version="3.0" browsers="all">
|
||
<desc>The specified width and height (and respective min/max properties) on this element determine the border box of the element.</desc>
|
||
</value>
|
||
<value name="content-box" version="3.0" browsers="all">
|
||
<desc>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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-break-after" restriction="enum" version="3.0" browsers="S7" ref="http://www.w3.org/TR/css3-multicol/#column-breaks" syntax="h2 { $(name): column; }">
|
||
<desc>Describes the page/column break behavior before the generated box.</desc>
|
||
<values>
|
||
<value name="always" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="all" />
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>Always force a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="page" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="region" version="3.0" browsers="all" />
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-break-before" restriction="enum" version="3.0" browsers="S7" ref="http://www.w3.org/TR/css3-multicol/#column-breaks" syntax="h2 { $(name): column; }">
|
||
<desc>Describes the page/column break behavior before the generated box.</desc>
|
||
<values>
|
||
<value name="always" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="all" />
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>Always force a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="page" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="region" version="3.0" browsers="all" />
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-break-inside" restriction="enum" version="3.0" browsers="S7" ref="http://www.w3.org/TR/css3-multicol/#column-breaks" syntax="h2 { $(name): avoid-column; }">
|
||
<desc>Describes the page/column break behavior inside the generated box.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a page/column break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-break-after" restriction="enum" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-breaks" syntax="h2 { $(name): column; }">
|
||
<desc>Describes the page/column break behavior before the generated box.</desc>
|
||
<values>
|
||
<value name="always" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="all" />
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>Always force a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="page" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="region" version="3.0" browsers="all" />
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-break-before" restriction="enum" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-breaks" syntax="h2 { $(name): column; }">
|
||
<desc>Describes the page/column break behavior before the generated box.</desc>
|
||
<values>
|
||
<value name="always" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a page/column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="all" />
|
||
<value name="column" version="3.0" browsers="all">
|
||
<desc>Always force a column break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="left" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a left page.</desc>
|
||
</value>
|
||
<value name="page" version="3.0" browsers="all">
|
||
<desc>Always force a page break before/after the generated box.</desc>
|
||
</value>
|
||
<value name="region" version="3.0" browsers="all" />
|
||
<value name="right" version="3.0" browsers="all">
|
||
<desc>Force one or two page breaks before/after the generated box so that the next page is formatted as a right page.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-break-inside" restriction="enum" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-breaks" syntax="h2 { $(name): avoid-column; }">
|
||
<desc>Describes the page/column break behavior inside the generated box.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Neither force nor forbid a page/column break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid" version="3.0" browsers="all">
|
||
<desc>Avoid a page/column break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-column" version="3.0" browsers="all">
|
||
<desc>Avoid a column break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-page" version="3.0" browsers="all">
|
||
<desc>Avoid a page break inside the generated box.</desc>
|
||
</value>
|
||
<value name="avoid-region" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-count" restriction="integer" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-count" syntax="div { $(name): 3; }">
|
||
<desc>Describes the optimal number of columns into which the content of the element will be flowed.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Determines the number of columns by the 'column-width' property and the element width.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-gap" restriction="length" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-gap0" syntax="div { $(name): 10px; }">
|
||
<desc>Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>User agent specific and typically equivalent to 1em.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-rule" restriction="length, line-width, line-style, color" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-rule0" syntax="header { $(name): 5px solid red;}">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-webkit-column-rule-color" restriction="color" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-rule-color" syntax="div { $(name): #ff0; }">
|
||
<desc>Sets the color of the column rule</desc>
|
||
</entry>
|
||
<entry name="-webkit-column-rule-style" restriction="line-style" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-rule-style" syntax="div { $(name): solid; }">
|
||
<desc>Sets the style of the rule between columns of an element.</desc>
|
||
</entry>
|
||
<entry name="-webkit-column-rule-width" restriction="length, line-width" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-rule-width" syntax="div { $(name): 3px; }">
|
||
<desc>Sets the width of the rule between columns. Negative values are not allowed.</desc>
|
||
</entry>
|
||
<entry name="-webkit-columns" restriction="length, integer" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#columns0" syntax="div { $(name): 100px 3; }">
|
||
<desc>A shorthand property which sets both 'column-width' and 'column-count'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The width depends on the values of other properties.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-span" restriction="enum" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-span0" syntax="article { $(name): all; }">
|
||
<desc>Describes the page/column break behavior after the generated box.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="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.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The element does not span multiple columns.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-column-width" restriction="length" version="3.0" browsers="C,S3" ref="http://www.w3.org/TR/css3-multicol/#column-width" syntax="div { $(name): 100px; }">
|
||
<desc>This property describes the width of columns in multicol elements.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>The width depends on the values of other properties.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-filter" restriction="enum, url" version="3.0" browsers="C18,O15,S6" ref="http://www.w3.org/TR/filter-effects/#propdef-filter" syntax="img { $(name): blur(3px); }">
|
||
<desc>Processes an element’s rendering before it is displayed in the document, by applying one or more filter effects.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No filter effects are applied.</desc>
|
||
</value>
|
||
<value name="blur()" version="3.0" browsers="all">
|
||
<desc>Applies a Gaussian blur to the input image.</desc>
|
||
</value>
|
||
<value name="brightness()" version="3.0" browsers="all">
|
||
<desc>Applies a linear multiplier to input image, making it appear more or less bright.</desc>
|
||
</value>
|
||
<value name="contrast()" version="3.0" browsers="all">
|
||
<desc>Adjusts the contrast of the input.</desc>
|
||
</value>
|
||
<value name="drop-shadow()" version="3.0" browsers="all">
|
||
<desc>Applies a drop shadow effect to the input image.</desc>
|
||
</value>
|
||
<value name="grayscale()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to grayscale.</desc>
|
||
</value>
|
||
<value name="hue-rotate()" version="3.0" browsers="all">
|
||
<desc>Applies a hue rotation on the input image. </desc>
|
||
</value>
|
||
<value name="invert()" version="3.0" browsers="all">
|
||
<desc>Inverts the samples in the input image.</desc>
|
||
</value>
|
||
<value name="opacity()" version="3.0" browsers="all">
|
||
<desc>Applies transparency to the samples in the input image.</desc>
|
||
</value>
|
||
<value name="saturate()" version="3.0" browsers="all">
|
||
<desc>Saturates the input image.</desc>
|
||
</value>
|
||
<value name="sepia()" version="3.0" browsers="all">
|
||
<desc>Converts the input image to sepia.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>A filter reference to a <filter> element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-flow-from" restriction="identifier" version="3.0" browsers="S6.1" ref="http://www.w3.org/TR/css3-regions/#flow-from" syntax="div { $(name): identifier; }">
|
||
<desc>Makes a block container a region and associates it with a named flow.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The block container is not a CSS Region.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-flow-into" restriction="identifier" version="3.0" browsers="S6.1" ref="http://www.w3.org/TR/css3-regions/#flow-into" syntax="div { $(name): identifier; }">
|
||
<desc>Places an element or its contents into a named flow.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>The element is not moved to a named flow and normal CSS processing takes place.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-font-feature-settings" restriction="string, integer" version="3.0" browsers="C16" ref="http://www.w3.org/TR/css3-fonts/#propdef-font-feature-settings" syntax="body { $(name): 'hwid'; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name=""c2cs"" version="3.0" browsers="all" />
|
||
<value name=""dlig"" version="3.0" browsers="all" />
|
||
<value name=""kern"" version="3.0" browsers="all" />
|
||
<value name=""liga"" version="3.0" browsers="all" />
|
||
<value name=""lnum"" version="3.0" browsers="all" />
|
||
<value name=""onum"" version="3.0" browsers="all" />
|
||
<value name=""smcp"" version="3.0" browsers="all" />
|
||
<value name=""swsh"" version="3.0" browsers="all" />
|
||
<value name=""tnum"" version="3.0" browsers="all" />
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>No change in glyph substitution or positioning occurs.</desc>
|
||
</value>
|
||
<value name="off" version="3.0" browsers="all" />
|
||
<value name="on" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-hyphens" restriction="enum" version="3.0" browsers="S5.1" ref="http://www.w3.org/TR/css3-text/#hyphens0" syntax="div { $(name): manual; }">
|
||
<desc>Controls whether hyphenation is allowed to create more break opportunities within a line of text.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word.</desc>
|
||
</value>
|
||
<value name="manual" version="3.0" browsers="all">
|
||
<desc>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Words are not broken at line breaks, even if characters inside the word suggest line break points.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-line-break" restriction="" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-line-break" syntax="p { $(name): normal; }">
|
||
<desc>Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text.</desc>
|
||
<values>
|
||
<value name="after-white-space" version="3.0" browsers="all" />
|
||
<value name="normal" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-margin-bottom-collapse" restriction="enum" version="3.0" browsers="C,S3" syntax="div { $(name): collapse; }">
|
||
<values>
|
||
<value name="collapse" version="3.0" browsers="all" />
|
||
<value name="discard" version="3.0" browsers="all" />
|
||
<value name="separate" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-margin-collapse" restriction="enum" version="3.0" browsers="C,S3" syntax="div { $(name): collapse; }">
|
||
<values>
|
||
<value name="collapse" version="3.0" browsers="all" />
|
||
<value name="discard" version="3.0" browsers="all" />
|
||
<value name="separate" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-margin-start" restriction="percentage, length" version="3.0" browsers="C,S3" syntax="div { $(name): 5px; }">
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-margin-top-collapse" restriction="enum" version="3.0" browsers="C,S3" syntax="div { $(name): collapse; }">
|
||
<values>
|
||
<value name="collapse" version="3.0" browsers="all" />
|
||
<value name="discard" version="3.0" browsers="all" />
|
||
<value name="separate" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-mask-clip" restriction="box" version="3.0" browsers="C,O15,S4" ref="http://www.w3.org/TR/css-masking-1/#the-mask-clip">
|
||
<desc>Determines the mask painting area, which determines the area that is affected by the mask.</desc>
|
||
</entry>
|
||
<entry name="-webkit-mask-image" restriction="url, image, enum" version="3.0" browsers="C,O15,S4" ref="http://www.w3.org/TR/css-masking-1/#the-mask-image">
|
||
<desc>Sets the mask layer image of an element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Counts as a transparent black image layer.</desc>
|
||
</value>
|
||
<value name="url()" version="3.0" browsers="all">
|
||
<desc>Reference to a <mask element or to a CSS image.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-mask-origin" restriction="box" version="3.0" browsers="C,O15,S4" ref="http://www.w3.org/TR/css-masking-1/#the-mask-origin">
|
||
<desc>Specifies the mask positioning area.</desc>
|
||
</entry>
|
||
<entry name="-webkit-mask-repeat" restriction="repeat" version="3.0" browsers="C,O15,S4" ref="http://www.w3.org/TR/css-masking-1/#the-mask-repeat">
|
||
<desc>Specifies how mask layer images are tiled after they have been sized and positioned.</desc>
|
||
</entry>
|
||
<entry name="-webkit-mask-size" restriction="length, percentage, enum" version="3.0" browsers="C,O15,S4" ref="http://www.w3.org/TR/css-masking-1/#the-mask-size">
|
||
<desc>Specifies the size of the mask layer images.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<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%.</desc>
|
||
</value>
|
||
<value name="contain" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="cover" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-nbsp-mode" restriction="" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-nbsp-mode" syntax="p { $(name): space; }">
|
||
<desc>Defines the behavior of nonbreaking spaces within text.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all" />
|
||
<value name="space" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-overflow-scrolling" restriction="" version="3.0" browsers="C,S5" ref="http://css-infos.net/property/-webkit-nbsp-mode" syntax="div { $(name): touch; }">
|
||
<desc>Specifies whether to use native-style scrolling in an overflow:scroll element.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="touch" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-padding-start" restriction="percentage, length" version="3.0" browsers="C,S3" syntax="div { $(name): 5px; }" />
|
||
<entry name="-webkit-perspective" restriction="length" version="3.0" browsers="C,S4" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective" syntax="div { $(name): none; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No perspective transform is applied.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-perspective-origin" restriction="position, percentage, length" version="3.0" browsers="C,S4" ref="http://www.w3.org/TR/css3-3d-transforms/#perspective-origin" syntax="div { $(name): 10px; }">
|
||
<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.</desc>
|
||
</entry>
|
||
<entry name="-webkit-region-fragment" restriction="enum" version="3.0" browsers="S7" ref="http://dev.w3.org/csswg/css-regions/#region-fragment" syntax="article { $(name): break; }">
|
||
<desc>The 'region-fragment' property controls the behavior of the last region associated with a named flow.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Content flows as it would in a regular content box.</desc>
|
||
</value>
|
||
<value name="break" version="3.0" browsers="all">
|
||
<desc>If the content fits within the CSS Region, then this property has no effect.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-tap-highlight-color" restriction="color" version="3" browsers="E,C,S3.1" ref="http://css-infos.net/property/-webkit-tap-highlight-color">
|
||
</entry>
|
||
<entry name="-webkit-text-fill-color" restriction="color" version="3.0" browsers="E,C,S3" syntax="div { $(name): red; }">
|
||
</entry>
|
||
<entry name="-webkit-text-size-adjust" restriction="percentage" version="3.0" browsers="E,C,S3" ref="https://drafts.csswg.org/css-size-adjust/#text-size-adjust" syntax="div { $(name): 60%; }">
|
||
<desc>Specifies a size adjustment for displaying text content in mobile browsers.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Renderers must use the default size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>Renderers must not do size adjustment when displaying on a small device.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-text-stroke" restriction="length, line-width, color, percentage" version="3.0" browsers="S3" syntax="div { $(name): red 2x; }">
|
||
</entry>
|
||
<entry name="-webkit-text-stroke-color" restriction="color" version="3.0" browsers="S3" syntax="div { $(name): red; }">
|
||
</entry>
|
||
<entry name="-webkit-text-stroke-width" restriction="length, line-width, percentage" version="3.0" browsers="S3" syntax="div { $(name): 2px; }">
|
||
</entry>
|
||
<entry name="-webkit-touch-callout" restriction="enum" version="3.0" browsers="S3" syntax="a { $(name): none; }">
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-transform" restriction="enum" version="3.0" browsers="C,O12,S3.1" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-property" syntax="div { $(name): rotate(-90deg); }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="matrix()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]</desc>
|
||
</value>
|
||
<value name="matrix3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="perspective()" version="3.0" browsers="all">
|
||
<desc>Specifies a perspective projection matrix.</desc>
|
||
</value>
|
||
<value name="rotate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.</desc>
|
||
</value>
|
||
<value name="rotate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters.</desc>
|
||
</value>
|
||
<value name="rotateX('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the X axis.</desc>
|
||
</value>
|
||
<value name="rotateY('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Y axis.</desc>
|
||
</value>
|
||
<value name="rotateZ('angle')" version="3.0" browsers="all">
|
||
<desc>Specifies a clockwise rotation by the given angle about the Z axis.</desc>
|
||
</value>
|
||
<value name="scale()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first.</desc>
|
||
</value>
|
||
<value name="scale3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters.</desc>
|
||
</value>
|
||
<value name="scaleX()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleY()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter.</desc>
|
||
</value>
|
||
<value name="scaleZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.</desc>
|
||
</value>
|
||
<value name="skew()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis).</desc>
|
||
</value>
|
||
<value name="skewX()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the X axis by the given angle.</desc>
|
||
</value>
|
||
<value name="skewY()" version="3.0" browsers="all">
|
||
<desc>Specifies a skew transformation along the Y axis by the given angle.</desc>
|
||
</value>
|
||
<value name="translate()" version="3.0" browsers="all">
|
||
<desc>Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.</desc>
|
||
</value>
|
||
<value name="translate3d()" version="3.0" browsers="all">
|
||
<desc>Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.</desc>
|
||
</value>
|
||
<value name="translateX()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the X direction.</desc>
|
||
</value>
|
||
<value name="translateY()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Y direction.</desc>
|
||
</value>
|
||
<value name="translateZ()" version="3.0" browsers="all">
|
||
<desc>Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-transform-origin" restriction="position, length, percentage" version="3.0" browsers="C,O15,S3.1" ref="http://www.w3.org/TR/css3-2d-transforms/#transform-origin" syntax=".album { $(name): 20% 40%; }">
|
||
<desc>Establishes the origin of transformation for an element.</desc>
|
||
</entry>
|
||
<entry name="-webkit-transform-origin-x" restriction="length, percentage" version="3.0" browsers="C,S3.1" ref="http://www.w3.org/TR/css3-3d-transforms/#transform-origin" syntax="img { $(name): 5px}">
|
||
<desc>The x coordinate of the origin for transforms applied to an element with respect to its border box.</desc>
|
||
</entry>
|
||
<entry name="-webkit-transform-origin-y" restriction="length, percentage" version="3.0" browsers="C,S3.1" ref="http://www.w3.org/TR/css3-3d-transforms/#transform-origin" syntax="img { $(name): 5px}">
|
||
<desc>The y coordinate of the origin for transforms applied to an element with respect to its border box.</desc>
|
||
</entry>
|
||
<entry name="-webkit-transform-origin-z" restriction="length, percentage" version="3.0" browsers="C,S4" ref="http://www.w3.org/TR/css3-3d-transforms/#transform-origin" syntax="img { $(name): 5px}">
|
||
<desc>The z coordinate of the origin for transforms applied to an element with respect to its border box.</desc>
|
||
</entry>
|
||
<entry name="-webkit-transform-style" restriction="enum" version="3.0" browsers="C,S4" ref="http://www.w3.org/TR/css3-3d-transforms/#transform-origin" syntax="div { $(name): flat; }">
|
||
<desc>Defines how nested elements are rendered in 3D space.</desc>
|
||
<values>
|
||
<value name="flat" version="3.0" browsers="all">
|
||
<desc>All children of this element are rendered flattened into the 2D plane of the element.</desc>
|
||
</value>
|
||
<value name="preserve-3d" version="3.0" browsers="none">
|
||
<desc>Flattening is not performed, so children maintain their position in 3D space.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-transition" restriction="time, property, enum" version="3.0" browsers="C,O12,S5" ref="http://www.w3.org/TR/css3-transitions/#transition" syntax="div { $(name): background-color linear 1s; }">
|
||
<desc>Shorthand property combines four of the transition properties into a single property.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-transition-delay" restriction="time" version="3.0" browsers="C,O12,S5" ref="http://www.w3.org/TR/css3-transitions/#transition-delay" syntax="div { $(name): 1s; }">
|
||
<desc>Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.</desc>
|
||
</entry>
|
||
<entry name="-webkit-transition-duration" restriction="time" version="3.0" browsers="C,O12,S5" ref="http://www.w3.org/TR/css3-transitions/#transition-duration" syntax="div { $(name): 1s; }">
|
||
<desc>Specifies how long the transition from the old value to the new value should take.</desc>
|
||
</entry>
|
||
<entry name="-webkit-transition-property" restriction="property" version="3.0" browsers="C,O12,S5" ref="http://www.w3.org/TR/css3-transitions/#transition-property" syntax="div { $(name): background-color; }">
|
||
<desc>Specifies the name of the CSS property to which the transition is applied.</desc>
|
||
<values>
|
||
<value name="all" version="3.0" browsers="all">
|
||
<desc>Every property that is able to undergo a transition will do so.</desc>
|
||
</value>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<desc>No property will transition.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-transition-timing-function" restriction="enum" version="3.0" browsers="C,O12,S5" ref="http://www.w3.org/TR/css3-transitions/#transition-timing-function" syntax="div { $(name): linear; }">
|
||
<desc>Describes how the intermediate values used during a transition will be calculated.</desc>
|
||
<values>
|
||
<value name="cubic-bezier()" version="3.0" browsers="all">
|
||
<desc>Specifies a cubic-bezier curve. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1].</desc>
|
||
</value>
|
||
<value name="ease" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-in-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.42, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="ease-out" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0, 0, 0.58, 1.0).</desc>
|
||
</value>
|
||
<value name="linear" version="3.0" browsers="all">
|
||
<desc>Equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0).</desc>
|
||
</value>
|
||
<value name="step-end" version="3.0" browsers="all">
|
||
<desc>The step-end function is equivalent to steps(1, end).</desc>
|
||
</value>
|
||
<value name="steps(1, start)" version="3.0" browsers="all">
|
||
<desc>The first parameter specifies the number of intervals in the function. The second parameter, which is optional, is either the value 'start' or 'end'.</desc>
|
||
</value>
|
||
<value name="step-start" version="3.0" browsers="all">
|
||
<desc>The step-start function is equivalent to steps(1, start).</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-user-drag" restriction="enum" version="3.0" browsers="S3" syntax="div { $(name): element; }">
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="element" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-user-modify" restriction="enum" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-user-modify" syntax="div { $(name): read-only; }">
|
||
<desc>Determines whether a user can edit the content of an element.</desc>
|
||
<values>
|
||
<value name="read-only" version="3.0" browsers="all" />
|
||
<value name="read-write" version="3.0" browsers="all" />
|
||
<value name="read-write-plaintext-only" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="-webkit-user-select" restriction="enum" version="3.0" browsers="C,S3" ref="http://css-infos.net/property/-webkit-user-select" syntax="div { $(name): text; }">
|
||
<desc>Controls the appearance of selection.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all" />
|
||
<value name="none" version="3.0" browsers="all" />
|
||
<value name="text" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
<entry name="white-space" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-text/#white-space0" syntax="section { $(name): nowrap; }">
|
||
<desc>Shorthand property for the 'white-space-collapsing' and 'text-wrap' properties.</desc>
|
||
<values>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'normal'.</desc>
|
||
</value>
|
||
<value name="nowrap" version="1.0" browsers="all">
|
||
<desc>Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'none'.</desc>
|
||
</value>
|
||
<value name="pre" version="1.0" browsers="all">
|
||
<desc>Sets 'white-space-collapsing' to 'preserve' and 'text-wrap' to 'none'.</desc>
|
||
</value>
|
||
<value name="pre-line" version="2.1" browsers="all">
|
||
<desc>Sets 'white-space-collapsing' to 'preserve-breaks' and 'text-wrap' to 'normal'.</desc>
|
||
</value>
|
||
<value name="pre-wrap" version="2.1" browsers="all">
|
||
<desc>Sets 'white-space-collapsing' to 'preserve' and 'text-wrap' to 'normal'.</desc>
|
||
</value>
|
||
<value name="pre-wrap-auto" version="3.0" browsers="none">
|
||
<desc>Preserves white space and allows wrapping. However, some of the behavior is made UA dependent to allow matching platform conventions.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="widows" restriction="integer" version="2.0" browsers="C,IE8,O9.5,S1" ref="http://www.w3.org/TR/css3-break/#widows-orphans" syntax="<integer>">
|
||
<desc>Specifies the minimum number of line boxes of a block container that must be left in a fragment after a break.</desc>
|
||
</entry>
|
||
<entry name="width" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-box/#width" syntax="header { $(name): 200px; }">
|
||
<desc>Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.</desc>
|
||
<values>
|
||
<value name="auto" version="1.0" browsers="all">
|
||
<desc>The width depends on the values of other properties.</desc>
|
||
</value>
|
||
<value name="fill" version="3.0" browsers="none">
|
||
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="fit-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="max-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
<value name="min-content" version="3.0" browsers="C46,O33">
|
||
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="will-change" restriction="enum, identifier" version="3.0" browsers="C36,FF36,O24" ref="http://www.w3.org/TR/css-will-change/" syntax="body { $(name): scroll-position; }">
|
||
<desc>Provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>Expresses no particular intent.</desc>
|
||
</value>
|
||
<value name="contents" version="3.0" browsers="all">
|
||
<desc>Indicates that the author expects to animate or change something about the element’s contents in the near future.</desc>
|
||
</value>
|
||
<value name="scroll-position" version="3.0" browsers="all">
|
||
<desc>Indicates that the author expects to animate or change the scroll position of the element in the near future.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="word-break" restriction="enum" version="3.0" browsers="E,C,FF15,IE5,S3" ref="http://www.w3.org/TR/css3-text/#word-break0" syntax="p.album { $(name): break-all; }">
|
||
<desc>Specifies line break opportunities for non-CJK scripts.</desc>
|
||
<values>
|
||
<value name="break-all" version="3.0" browsers="all">
|
||
<desc>Lines may break between any two grapheme clusters for non-CJK scripts.</desc>
|
||
</value>
|
||
<value name="keep-all" version="3.0" browsers="all">
|
||
<desc>Block characters can no longer create implied break points.</desc>
|
||
</value>
|
||
<value name="normal" version="3.0" browsers="all">
|
||
<desc>Breaks non-CJK scripts according to their own rules.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="word-spacing" restriction="length, percentage" version="1.0" browsers="all" ref="http://www.w3.org/TR/css3-text/#word-spacing0" syntax="article { $(name): 3px; }">
|
||
<desc>Specifies additional spacing between “words”.</desc>
|
||
<values>
|
||
<value name="normal" version="1.0" browsers="all">
|
||
<desc>No additional spacing is applied. Computes to zero.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="word-wrap" restriction="enum" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-text/#word-wrap0" syntax="p { $(name): break-word; }">
|
||
<desc>Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.</desc>
|
||
<values>
|
||
<value name="break-word" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="normal" version="2.0" browsers="all">
|
||
<desc>Lines may break only at allowed break points.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="wrap-after" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-wrap-after" syntax="span { $(name): avoid-line; }">
|
||
<desc>Specifies modifications to break opportunities in line breaking (and flex line breaking.)</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>Lines may break at allowed break points before and after the box, as determined by the line-breaking rules in effect.</desc>
|
||
</value>
|
||
<value name="avoid" version="4.0" browsers="all">
|
||
<desc>Line breaking is suppressed immediately before/after the box: the UA may only break there if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for 'auto'.</desc>
|
||
</value>
|
||
<value name="avoid-line" version="4.0" browsers="all">
|
||
<desc>Same as 'avoid', but only for line breaks.</desc>
|
||
</value>
|
||
<value name="avoid-flex" version="4.0" browsers="all">
|
||
<desc>Same as 'avoid', but only for flex line breaks.</desc>
|
||
</value>
|
||
<value name="line" version="4.0" browsers="all">
|
||
<desc>Force a line break immediately before/after the box if box is an inline-level box.</desc>
|
||
</value>
|
||
<value name="flex" version="4.0" browsers="all">
|
||
<desc>Force a flex line break immediately before/after the box if the box is a flex item in a multi-line flex container.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="wrap-before" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-wrap-after" syntax="span { $(name): avoid-line; }">
|
||
<desc>Specifies modifications to break opportunities in line breaking (and flex line breaking.)</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>Lines may break at allowed break points before and after the box, as determined by the line-breaking rules in effect.</desc>
|
||
</value>
|
||
<value name="avoid" version="4.0" browsers="all">
|
||
<desc>Line breaking is suppressed immediately before/after the box: the UA may only break there if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for 'auto'.</desc>
|
||
</value>
|
||
<value name="avoid-line" version="4.0" browsers="all">
|
||
<desc>Same as 'avoid', but only for line breaks.</desc>
|
||
</value>
|
||
<value name="avoid-flex" version="4.0" browsers="all">
|
||
<desc>Same as 'avoid', but only for flex line breaks.</desc>
|
||
</value>
|
||
<value name="line" version="4.0" browsers="all">
|
||
<desc>Force a line break immediately before/after the box if box is an inline-level box.</desc>
|
||
</value>
|
||
<value name="flex" version="4.0" browsers="all">
|
||
<desc>Force a flex line break immediately before/after the box if the box is a flex item in a multi-line flex container.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="wrap-flow" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" syntax="div { $(name): maximum; }">
|
||
<desc>An element becomes an exclusion when its 'wrap-flow' property has a computed value other than 'auto'.</desc>
|
||
<values>
|
||
<value name="auto" version="3.0" browsers="all">
|
||
<desc>For floats an exclusion is created, for all other elements an exclusion is not created.</desc>
|
||
</value>
|
||
<value name="both" version="3.0" browsers="all">
|
||
<desc>Inline flow content can flow on all sides of the exclusion.</desc>
|
||
</value>
|
||
<value name="clear" version="3.0" browsers="all">
|
||
<desc>Inline flow content can only wrap on top and bottom of the exclusion and must leave the areas to the start and end edges of the exclusion box empty.</desc>
|
||
</value>
|
||
<value name="end" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="maximum" version="3.0" browsers="all">
|
||
<desc>Inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave the other side of the exclusion empty.</desc>
|
||
</value>
|
||
<value name="minimum" version="3.0" browsers="all">
|
||
<desc>Inline flow content can flow around the edge of the exclusion with the smallest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty.</desc>
|
||
</value>
|
||
<value name="start" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="wrap-inside" restriction="enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-wrap-inside" syntax="span { $(name): avoid; }">
|
||
<desc>Specifies line breaking within boxes.</desc>
|
||
<values>
|
||
<value name="auto" version="4.0" browsers="all">
|
||
<desc>Lines may break at allowed break points within the box, as determined by the line-breaking rules in effect.</desc>
|
||
</value>
|
||
<value name="avoid" version="4.0" browsers="all">
|
||
<desc>Line breaking is suppressed within the box: the UA may only break within the box if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for 'auto'.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="wrap-through" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css3-exclusions/#propdef-wrap-through" syntax="div { $(name): wrap; }">
|
||
<desc>Specifies if an element inherits its parent wrapping context. In other words if it is subject to the exclusions defined outside the element.</desc>
|
||
<values>
|
||
<value name="none" version="3.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
<value name="wrap" version="3.0" browsers="all">
|
||
<desc>The exclusion element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="writing-mode" restriction="enum" version="3.0" browsers="E,FF41" ref="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" syntax="span { $(name): lr-tb; }">
|
||
<desc>This is a shorthand property for both 'direction' and 'block-progression'.</desc>
|
||
<values>
|
||
<value name="horizontal-tb" version="3.0" browsers="all">
|
||
<desc>Top-to-bottom block flow direction. The writing mode is horizontal.</desc>
|
||
</value>
|
||
<value name="sideways-lr" version="3.0" browsers="FF43">
|
||
<desc>Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal.</desc>
|
||
</value>
|
||
<value name="sideways-rl" version="3.0" browsers="FF43">
|
||
<desc>Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal.</desc>
|
||
</value>
|
||
<value name="vertical-lr" version="3.0" browsers="all">
|
||
<desc>Left-to-right block flow direction. The writing mode is vertical.</desc>
|
||
</value>
|
||
<value name="vertical-rl" version="3.0" browsers="all">
|
||
<desc>Right-to-left block flow direction. The writing mode is vertical.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="x" restriction="length, percentage" version="4.0" browsers="none" ref="http://www.w3.org/TR/SVG2/geometry.html#X" syntax="rect { $(name): 42em; }">
|
||
<desc>Describes the horizontal coordinate of the position of the element.</desc>
|
||
</entry>
|
||
<entry name="y" restriction="length, percentage" version="4.0" browsers="none" ref="http://www.w3.org/TR/SVG2/geometry.html#Y" syntax="rect { $(name): 42em; }">
|
||
<desc>Describes the vertical coordinate of the position of the element.</desc>
|
||
</entry>
|
||
<entry name="z-index" restriction="integer" version="2.0" browsers="all" ref="http://www.w3.org/TR/css3-positioning/#propdef-z-index" syntax="img { $(name): 3; }">
|
||
<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.</desc>
|
||
<values>
|
||
<value name="auto" version="2.0" browsers="all">
|
||
<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.</desc>
|
||
</value>
|
||
</values>
|
||
</entry>
|
||
<entry name="zoom" restriction="enum, integer, number, percentage" version="3.0" browsers="E,C,IE6,O15,S4" ref="https://msdn.microsoft.com/en-us/library/ms531189(v=vs.85).aspx" syntax=".example { $(name): 1; }">
|
||
<desc>Non-standard. Specifies the magnification scale of the object. See 'transform: scale()' for a standards-based alternative.</desc>
|
||
<values>
|
||
<value name="normal" version="3.0" browsers="all" />
|
||
</values>
|
||
</entry>
|
||
</properties>
|
||
</css> |