Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.
Your Search Results

    display-inside

    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.

    Summary

    The display-inside CSS property specifies the inner display type of the box generated by an element, dictating how its contents lay out inside the box.

    Initial valueauto
    Applies toall elements
    Inheritedno
    Mediaall
    Computed valuea keyword
    Animatableno
    Canonical orderthe unique non-ambiguous order defined by the formal grammar

    Syntax

    /* Keyword values */
display-inside: auto;
display-inside: block;
display-inside: table;
display-inside: flex;
display-inside: grid;
display-inside: ruby;

/* Global values */
display-inside: inherit;
display-inside: initial;
display-inside: unset;

    Values

    auto
    If the element's computed display-outside value is inline-level, the element is an inline element, and lays out its contents using inline layout. If the element's computed display-outside value is an layout-specific internal type, this elements acts as normal for its given display-outside value. Otherwise, this value computes to block.
    block
    The element lays out its contents using block layout.
    table
    The element lays out its contents using table layout.
    flex
    The element lays out its contents using flex layout.
    grid
    The element lays out its contents using grid layout.
    ruby
    The element lays out its contents using ruby layout.

    Formal syntax

    auto | block | table | flex | grid | ruby

    Specifications

    Specification Status Comment
    CSS Display Module Level 3
    The definition of 'display-inside' in that specification.    		 Working Draft Initial specification

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support Not supported Not supported Not supported Not supported Not supported
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support Not supported Not supported Not supported Not supported Not supported

     

    Document Tags and Contributors

    Tags: 
     Contributors to this page: Sebastianz, teoli
     Last updated by: Sebastianz,