Overflow

Overfolw je svojstvo koje određuje što se događa sa sadržajem koji izlazi kroz granice elementa.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Adipisci tenetur enim a, atque sit voluptatum nihil eius. Ducimus dignissimos, animi obcaecati amet aliquid sapiente. Dicta itaque commodi delectus hic ipsam iure nostrum voluptas repudiandae! Nesciunt illum assumenda sunt magnam vel! Fugiat ipsam ratione delectus amet pariatur a qui, at aliquam!

Auto je svojstvo koje će dodati scroll koji će omogućiti da se vidi sadržaj koji izlazi van granica elementa

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim excepturi libero labore tempora dolore consectetur nisi alias cupiditate quisquam, provident dolores molestias neque fugiat ea ipsum modi eius hic eaque animi culpa ipsa distinctio? Eaque porro rem temporibus harum dolor optio est numquam deleniti ducimus, id, illum quos ipsam expedita?

Hidden je svojstvo koje će odrezati višak tekoji želi prijeći preko definirane granice elementa

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint accusantium fuga consequatur facere blanditiis, distinctio adipisci officiis aut enim dolorem impedit eius saepe, at, vel dolor quia harum ratione ex assumenda sit. Culpa aliquid vitae aspernatur ea? Modi, sequi deserunt minima dolorum quo iste quaerat illo est dolor rem inventore!

Scroll je svojstvo koje će dodati scroll elementu, ali ga treba izbjegavati zbog efekta duplog scroll-a.

Primjerice, korisnik scrolla cijelu web stranicu te mišem slučajno prijeđe preko elementa koji ima overflow: scroll svojstvo.

Tada prestaje scrollstranice i počinje scroll elementa te se web straniksta ca ne scrolladok ne završi scroll elementa

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem beatae earum dolore porro architecto omnis autem non consequatur unde at sit mollitia maxime, perspiciatis sint doloremque, voluptas placeat reprehenderit molestias, ipsum vero excepturi! Cupiditate molestias facere nam modi qui dignissimos delectus praesentium, ratione ducimus obcaecati ex atque nemo. Delectus, suscipit illum. Modi, quae molestiae! Totam possimus, provident repellendus ipsum recusandae reprehenderit laborum quibusdam et adipisci eveniet quis delectus est in?