CSS - box-suppress

The box-suppress CSS property controls the box generation of an element.

Syntax  

/* Keyword values */
box-suppress: show;
box-suppress: discard;
box-suppress: hide;

/* Global values */
box-suppress: inherit;
box-suppress: initial;
box-suppress: unset;

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

show | discard | hide

Description  

The box-suppress CSS property controls the box generation of an element.

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.

Initial valueshow
Applies toall elements
Inheritedno
Mediaall
Computed valuesee prose
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

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

Specifications  

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

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/box-suppress