This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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 value | auto |
---|---|
Applies to | all elements |
Inherited | no |
Media | all |
Computed value | as specified |
Animation type | discrete |
Canonical order | the 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 isinline-level
, the element is an inline element, and lays out its contents using inline layout. If the element's computeddisplay-outside
value is an layout-specific internal type, this elements acts as normal for its givendisplay-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 |