Your Search Results

    CSS Property Page Template

    This is a template page for CSS property. Please use this as a raw template when you create a new CSS property page.
    Comment in italics are information about how to use part of the template
    Add the non-standard header if the property is not on the standard track. In the summary section, in a note, describe how to achieve its effect using standard Open Web technologies.

    This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

    Add the experimental header if the property is describes in a standard that has not reached Candidate Recommendation status, or is marked as 'at risk'.

    This is an experimental technology
    Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.


    Description of the property. It must start by "The xyz CSS property" followed by a one-sentence description. The first paragraph of this introduction will be used by default as the description of the page.

    Note: Place holder for any special messages
    But don't add several notes. It should be really important, or be part of the description!


    For shorthand properties:

    The formal syntax must be taken from the spec (eventually adapted to support later extension to the formal syntax grammar). It is an important tool to get precise syntax information for advanced users.

    Formal syntax:  value1 | value2 | otherproperty | <length> | inherit

    For longhand properties:

    Formal syntax:  value1 | value2 | otherproperty | <length> | inherit
    property: value1
    property: value2
    property: 12.8em   /* A valid length */
    property: inherit <---- To remember this is a possible value

    The second part of the is a simple translation of the what the formal syntax tells. It is aimed at medium-level users that will not understand well the formal syntax.


    Each element of the formal syntax must be explained

    Is a keyword meaning...
    Is a keyword meaning


    View the live example Add this only if there is such an exampe. No dead link here

    elementName {
      property: value;
      thisis: "example";
      dream: 10000000mm;
      love: "danger";


    Exclusively use this standard table. Place older spec on the bottom. Use the templates SpecName() for the name and Spec2() for the status. That way, when the spec progress on the standard track, or move, the table content will be automatically adapted.

    Specification Status Comment
    CSS Animations Working Draft No change from CSS 2.1.
    CSS Level 2 (Revision 1) Recommendation  

    Browser compatibility

    (See Compatibility tables for more information)

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support ? ? 100 ? ?
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support ? ? 100 ? ?

    See also

    • Links of link of related properties: example-property
    • Links to article showing how to use the property in context: "Using … article"
    • Very good external links. Don't be afraid of external links, but they should be outstanding, not only bring one single details.

    Document Tags and Contributors

    Last updated by: FredB,
    Hide Sidebar