Препълване на блок в CSS

Задание 1

Направете див с ширина и височина от 200px. Добавете в него дълъг текст, който няма да се събира по височина в този блок. Проверете това, че текстът ще излезе от долната част на блока.

Задание 2

Модифицирайте предходната задача така, че в дива при излизане на текста по височина да се появи вертикална лента за превъртане.

Задание 3

Модифицирайте предходната задача така, че излизащият по вертикала текст да се отрязва.

Задание 4

Модифицирайте предходната задача така, че при посочване с мишката върху дива височината на дива да стане достатъчно голяма, за да се събере целият текст в този див.

Задание 5

Направете див с ширина и височина от 300px. Добавете в нашия див картинка, която ще бъде по-голяма от дива по ширина и по височина. Проверете, че картинката ще излиза извън границите на дива.

Задание 6

Модифицирайте предходната задача така, че при излизане на картинката да се появят ленти за превъртане.

Задание 7

Модифицирайте предходната задача така, че излизащите части на картинката да се отрязват.

Задание 8

Модифицирайте предходната задача така, че излизащите части на картинката да се отрязват хоризонтално, а по вертикала да се появи лента за превъртане.

Задание 9

Направете див с ширина и височина от 150px. Направете така, че независимо от съдържанието на дива в него винаги да има лента за превъртане по вертикала.