Перапаўненне блока ў CSS

overflowoverflow-xoverflow-y
Задание 1

Зрабіце дыў шырынёй і вышынёй у 200px. Дадайце ў яго доўгі тэкст, які не будзе змяшчацца па вышыні ў гэты блок. Праверце тое, што тэкст вылезе з ніжняй часткі блока.

Задание 2

Мадыфікуйце папярэднюю задачу так, каб у дыве пры вылезанні тэксту па вышыні з'яўлялася вертыкальная паласа пракруткі.

Задание 3

Мадыфікуйце папярэднюю задачу так, каб вылезаючы па вертыкалі тэкст абрэзаўся.

Задание 4

Мадыфікуйце папярэднюю задачу так, каб па навядзенні мышкай на дыў вышыня дыва рабілася дастаткова вялікай, каб у гэты дыў змясціўся ўвесь тэкст.

Задание 5

Зрабіце дыў шырынёй і вышынёй у 300px. Дадайце ў наш дыў выяву, якая будзе больш за дыў па шырыні і па вышыні. Праверце, што выява будзе вылезваць за межы дыва.

Задание 6

Мадыфікуйце папярэднюю задачу так, каб пры вылезанні выявы з'яўляліся палосы пракруткі.

Задание 7

Мадыфікуйце папярэднюю задачу так, каб вылезаючыя часткі выявы абрэзаліся.

Задание 8

Мадыфікуйце папярэднюю задачу так, каб вылезаючыя часткі выявы абрэзаліся па гарызанталі, а па вертыкалі з'яўлялася паласа пракруткі.

Задание 9

Зрабіце дыў шырынёй і вышынёй у 150px. Зрабіце так, каб незалежна ад змесціва дыва ў ім заўсёды была паласа пракруткі па вертыкалі.