mozilla
Your Search Results

    all

    Summary

    The CSS all shorthand property resets all properties, apart from unicode-bidi and direction, to their initial or inherited value.

    • Initial value There is no practical initial value for it.
    • Applies to all elements
    • Inherited no
    • Media There is no practical media for it.
    • Computed value as the specified value applies to each property this is a shorthand for.
    • Animatable as each of the properties of the shorthand (all properties but unicode-bidi and direction)
    • Canonical order the unique non-ambiguous order defined by the formal grammar

    Syntax

    Formal syntax: initial | inherit | unset
    all: initial
    all: inherit
    all: unset
    

    Values

    initial
    This keyword indicates to change all the properties applying to the element or the element's parent to their initial value. unicode-bidi and direction values are not affected.
    inherit
    This keyword indicates to change all the properties applying to the element or the element's parent to their parent value. unicode-bidi and direction values are not affected.
    unset
    This keyword indicates to change all the properties applying to the element or the element's parent to their parent value if they are inheritable or to their initial value if not. unicode-bidi and direction values are not affected.

    Examples

    HTML

    <blockquote id="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</blockquote> Phasellus eget velit sagittis.

    CSS

    html {
      font-size: small;
      background-color: #F0F0F0;
      color: blue;
    }
    
    blockquote {
      background-color: skyblue;
      color: red;
    }
    

    Results in:

    No all property

    The <blockquote> uses the browsers default styling together with a specific background and text color. It also behaves as a block element: the text that follows it is beneath it.

    all:unset

    The <blockquote> doesn't use the browser default styling: it is an inline element now (initial value), its background-color is transparent (initial value), but its font-size is still small (inherited value) and its color is blue (inherited value).

    all:initial

    The <blockquote> doesn't use the browser default styling: it is an inline element now (initial value), its background-color is transparent (initial value), its font-size is  normal (initial value) and its color is black (initial value).

    all:inherit

    The <blockquote> doesn't use the browser default styling: it is a block element now (inherited value from its containing <div>), its background-color is transparent (inherited value), its font-size is small (inherited value) and its color is blue (inherited value).

    Specifications

    Specification Status Comment
    CSS Cascading and Inheritance Level 3
    The definition of 'all' in that specification.
    Candidate Recommendation Initial definition

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support 37  27 (27) 11 24 Not supported
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support Not supported 27.0 (27) Not supported Not supported Not supported

    See also

    The CSS-wide property values initial, inherit and unset.

    Document Tags and Contributors

    Last updated by: Sheppy,