Display tulajdonság.

Mobilváltozat!

---

Asztali változathoz,
kattints a képre!

---

Gyakran használt display meghatározások,
melyeket minden böngésző, egyformán jelenít meg.

1. display:none
   • Kiválasztott elem, vagy elemek elrejtése.


2. display:block
   • Elrejtett elem, vagy elemek megjelenítése.
   • Kiválasztott elemeket, blokk formátumba, azaz, külön sorba rendezi.


3. display:inline
   • Kiválasztott elem, vagy elemek, egy sorba rendezése.
   • Alkalmazása az <a> URL cím </a> és <li> List szöveg.</li> elemeknél gyakori.


4. display:inline-block
   • Kiválasztott elem, vagy elemek, inline elemként vannak formázva, de magassági és szélességi értékeket is alkalmazhat.
   • A float:left meghatározásu box elemeket követő box elemnél, display: inline-block; alkalmazásakor, nincs szükség, clear:left; meghatározásra.


5. display:table
   • Kiválasztott elem, vagy elemek, úgy viselkedjenek, mint egy <table> elem..


6. display:list-item
   • Kiválasztott, de nem <ul> <li> formátumú elemeket, <ul> <li> formátumba rendezi.


7. display:inherit;
   • Szülő elemnek meghatározott display tulajdonságot, stílust, átadja a gyermek elemeknek úgy, hogy nem kell gyermek elemeknek külön-külön stílust meghatározni.

---

További display meghatározásokat, lásd az asztali változatnál.

---