CSS Display. Layout CSS - Proprietatea display. Elementele block și inline. Elemente la nivel de block: div, h1 - h6, p, form, header, footer, section. ​​​​​​​Elemente în linie: span, a, img.

Layout CSS - Proprietatea display

Proprietatea display este cea mai importantă proprietate CSS pentru controlul aspectului.

Proprietatea display

Proprietatea display specifică dacă / cum este afișat un element.

Fiecare element HTML are o valoare de afișare implicită în funcție de tipul de element. Valoarea implicită a afișajului pentru majoritatea elementelor este block sau inline.

Elemente la nivel de block (Block-level Elements)

Un element la nivel de block (block-level element) pornește întotdeauna pe o nouă linie și ocupă toată lățimea disponibilă (se întinde spre stânga și spre dreapta, cât poate).



Exemple de elemente la nivel de block (block-level element) :
 
  • <div>
  • <h1> - <h6>
  • <p>
  • <form>
  • <header>
  • <footer>
  • <section>

Elemente în linie (Inline Elements)

Un element inline nu pornește de pe o nouă linie și ocupă doar lățimea necesară.
Acesta este un element <span> inline din interiorul unui paragraf.

Exemple de elemente inlinie:
  • <span>
  • <a>
  • <img>