Skip to main content

An official website of the United States government

Here's how you know

An official website of the United States government

Here's how you know

Theme:

Design system switcher

Version:

Design system switcher

Theme:

Design system switcher

Version:

Design system switcher

Display

Use the display utility classes to show and hide elements.

Display

The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. MDN

Format: .ds-u-display--[block|flex|inline|inline-block|inline-flex|none]

Responsive format: .ds-u-[breakpoint]-display--[block|flex|inline|inline-block|inline-flex|none]

.ds-u-display--block .ds-u-display--flex .ds-u-display--inline .ds-u-display--inline-block .ds-u-display--inline-flex .ds-u-display--none