Прелевање на блок во CSS

Задание 1

Направете div со ширина и висина од 200px. Додадете долг текст во него, кој нема да се собира по висина во овој блок. Проверете дека текстот ќе излезе надвор од долниот дел на блокот.

Задание 2

Модифицирајте ја претходната задача така што во div-от при излегување на текстот по висина ќе се појави вертикална лента за лизгање.

Задание 3

Модифицирајте ја претходната задача така што текстот што излегува по вертикала ќе се отсече.

Задание 4

Модифицирајте ја претходната задача така што при преминување со глувчето врз div-от, висината на div-от да стане доволно голема за целиот текст да се собере во овој div.

Задание 5

Направете div со ширина и висина од 300px. Додадете во нашиот div слика, која ќе е поголема од div-от по ширина и по висина. Проверете дека сликата ќе излезе надвор од границите на div-от.

Задание 6

Модифицирајте ја претходната задача така што при излегување на сликата да се појават ленти за лизгање.

Задание 7

Модифицирајте ја претходната задача така што деловите од сликата што излегуваат да се отсечат.

Задание 8

Модифицирајте ја претходната задача така што деловите од сликата што излегуваат по хоризонтала да се отсечат, а по вертикала да се појави лента за лизгање.

Задание 9

Направете div со ширина и висина од 150px. Направете така што без разлика на содржината на div-от, во него секогаш да има лента за лизгање по вертикала.