display-inside

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage 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 specification changes.

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.

/* 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;

Initial valueauto
Applies toall elements
Inheritedno
Mediaall
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

One of the keyword values listed below.

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 No support No support No support No support No support
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support No support No support No support No support No support

 

Document Tags and Contributors

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