Prelivanje bloka u CSS

Задание 1

Napravite div širine i visine od 200px. Dodajte u njega dug tekst koji se neće moći smestiti po visini u ovaj blok. Proverite da tekst izlazi iz donjeg dela bloka.

Задание 2

Izmenite prethodni zadatak tako da u div-u pri izlasku teksta po visini pojavljuje vertikalna traka za pomeranje (scroll).

Задание 3

Izmenite prethodni zadatak tako da se tekst koji izlazi po vertikali odseca.

Задание 4

Izmenite prethodni zadatak tako da pri prelasku miša preko div-a visina div-a postane dovoljno velika da se u njega smesti ceo tekst.

Задание 5

Napravite div širine i visine od 300px. Dodajte u naš div sliku koja će biti veća od div-a po širini i po visini. Proverite da slika izlazi preko granica div-a.

Задание 6

Izmenite prethodni zadatak tako da pri izlasku slike pojavljuju trake za pomeranje.

Задание 7

Izmenite prethodni zadatak tako da se delovi slike koji izlaze odsecaju.

Задание 8

Izmenite prethodni zadatak tako da se delovi slike koji izlaze odsecaju po horizontali, a po vertikali pojavljuje traka za pomeranje.

Задание 9

Napravite div širine i visine od 150px. Podesite tako da bez obzira na sadržaj div-a u njemu uvek postoji vertikalna traka za pomeranje.