CSS Display. Ascunde un element - display:none sau visibility:hidden? ​​​​​​​Proprietăți CSS de afișare / vizibilitate: display, visibility.

Ascunde un element - display:none sau visibility:hidden?



Ascunderea unui element se poate face prin setarea proprietății dispaly la none. Elementul va fi ascuns, iar pagina va fi afișată ca și cum elementul nu este acolo:

Exemplu:

h1.hidden {
  display: none;
}

visibility:hidden; ascunde de asemenea un element.
Cu toate acestea, elementul va ocupa totuși același spațiu ca înainte. Elementul va fi ascuns, dar afectează în continuare aspectul:

Exemplu:

h1.hidden {
  visibility: hidden;
}

Proprietăți CSS de afișare / vizibilitate
 

Proprietatey	Descriere
display	Specifică modul în care trebuie afișat un element
visibility	Specifică dacă un element trebuie să fie vizibil sau nu