Display i visibility

Display svojstva koristimo kako bismo mijenjali prikaz elemenata na stranici.

Blok element može biti inline

Inline element može biti blok element

Display može imati vrednosti block, inline, none, list-item, table..

Display none

Koristimo za skrivanje nekih elemenata u web pregledniku. Element ostaje u kodu ali ga web preglednik ne vidi.


display: inline

Blok elementi poprimaju svojstva inline elemenata

Elementi ne gube svoja blok svojstva ali se ponašaju kao da su inline


display: inline-blok

Koristimo kada želimo da inline elementi ostanu inline, ali da poprime svojstva blok elemenata, tj. da im možemo možemo zadati primjerice width, height, padding...


visibility

Visibility: hidden skriva element kao i display: none, razlika je u tome što element i dalje zauzima prostor koji bi zauzimao da je vidljiv (ostaje zauzet prazan prostor).