CSS content-visibility hides the content of an element

There are several ways to hide an element in CSS. display: none completely hides the element from view. visibility: hidden hides the element from view, but the element still occupies space in the layout.

The content-visibility property allows you to hide the content of an element, but not the element itself. Some styling like background and border will still be visible.

.element {
  content-visibility: hidden;
}

See MDN Web Docs for more information and Browser support.