CSS Display. Display: none;. Înlocuirea valorii implicite a afișajului. Proprietatea display. Elementele inline si block. Elementele li, span, a.

Susține Lectii-Virtuale!

Display: none;

Display: none; este utilizat în mod obișnuit cu JavaScript pentru a ascunde și a arăta elementele fără a le șterge și recrea. Aruncați o privire la ultimul nostru exemplu din această pagină dacă doriți să știți cum se poate realiza acest lucru.
Elementul <script> folosește display: none; ca implicit.

Înlocuire Valoare implicită a afișajului

După cum am menționat, fiecare element are o valoare de afișare implicită. Cu toate acestea, puteți trece peste acest lucru.
Modificarea unui element inline într-un element de block, sau invers, poate fi utilă pentru ca pagina să arate într-un mod specific și să respecte în continuare standardele web.

Un exemplu obișnuit este crearea de elemente inline <li> pentru meniurile orizontale:

Exemplu:

li {
  display: inline;
}

Notă: Setarea proprietății de afișare (display) a unui element modifică doar modul în care este afișat elementul, NU ce fel de element este. Deci, un element inline cu display: block; nu este permis să aibă alte elemente de block în interiorul său.

Următorul exemplu afișează elementele <span> ca elemente de block:

Exemplu:

span {
  display: block;
}

Următorul exemplu afișează elementele <a> ca elemente de block:

Exemplu:

a {
  display: block;
}