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 box-suppress
CSS property controls the box generation of an element.
/* Keyword values */ box-suppress: show; box-suppress: discard; box-suppress: hide; /* Global values */ box-suppress: inherit; box-suppress: initial; box-suppress: unset;
If the computed value of display-outside
is none
, the computed value of box-suppress
is discard
. Otherwise, the computed value is the specified value.
Value not found in DB!
Syntax
One of the keyword values listed below.
Values
show
- The element generates boxes as normal, per its
display-*
properties. discard
- The element generates no boxes at all.
hide
- The element generates boxes as normal, but those boxes do not participate in layout in any way, and must not be displayed.
- For the purpose of any layout-related information, such as querying for the computed value of the element's
width
property, it must be treated as if it did not generate any boxes. - Properties that rely on boxes but do not rely on layout, such as animations,
counter-increment
, etc., must work as normal on this element and its descendants.
Formal syntax
Syntax not found in DB!
Specifications
Specification | Status | Comment |
---|---|---|
CSS Display Module Level 3 The definition of 'box-suppress' in that specification. |
Working Draft | Initial definition |
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 |