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.
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.
See MDN Web Docs for more information and Browser support.