Display i visibility


Display

Display: block = koristimo kako bi mijenjali prikaz elemenata na stranici

Display: none = korišteno za skrivanje elemenata na web pregledniku, ali u kodu još uvjijek budu vidljivi

Display: inline = elementi ne gube svoja blok svojstva ali se ponašaju kao da su inline

Display: inline-block = koristimo kada želimo da inline elementi ostanu inline, ali da poprime svojstva blok elementa

Npr. na primjeru box modela sam koristila svojstvo display: block


Primjer block boxa:

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptates,

Box

pariatur voluptatem. Blanditiis quam, in nihil temporibus eligendi perferendis? Qui, debitis!



Visibility

Visibility = sličan je display: none, ali je razlika u tome što element idalje zauzima prostor na stranici koji bi zauzeo da je vidljiv