Display i visibility

Display i visibility su svojstva koja 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 vrijednosti block,inline,none,list-item,table...

display:none

Koristimo za skrivanje elemenata u web pregledniku. Element ostaje u kodu ali ga web preglednik ne vidi. (NE SMIJEMO ZLORABITI OVU MOGUĆNOST)

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 stanu inline, ali da poprime svojstva blok elementa, tj.da im 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 prazni prostor).