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!


One of the keyword values listed below.


The element generates boxes as normal, per its display-* properties.
The element generates no boxes at all.
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!


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

Document Tags and Contributors

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