Przepełnienie bloku w CSS

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

Stwórz diva o szerokości i wysokości 200px. Dodaj do niego długi tekst, który nie zmieści się na wysokość w tym bloku. Sprawdź, że tekst wyjdzie z dolnej części bloku.

Задание 2

Zmodyfikuj poprzednie zadanie tak, aby w divie przy wychodzeniu tekstu na wysokość pojawił się pionowy pasek przewijania.

Задание 3

Zmodyfikuj poprzednie zadanie tak, aby wychodzący pionowo tekst był przycięty.

Задание 4

Zmodyfikuj poprzednie zadanie tak, aby po najechaniu myszką na div wysokość diva stawała się wystarczająco duża, aby w tym divie zmieścił się cały tekst.

Задание 5

Stwórz diva o szerokości i wysokości 300px. Dodaj do naszego diva obrazek, który będzie większy od diva po szerokości i po wysokości. Sprawdź, że obrazek będzie wychodzić poza granice diva.

Задание 6

Zmodyfikuj poprzednie zadanie tak, aby przy wychodzeniu obrazka pojawiły się paski przewijania.

Задание 7

Zmodyfikuj poprzednie zadanie tak, aby wychodzące części obrazka były przycięte.

Задание 8

Zmodyfikuj poprzednie zadanie tak, aby wychodzące części obrazka były przycięte poziomo, a pionowo pojawiał się pasek przewijania.

Задание 9

Stwórz diva o szerokości i wysokości 150px. Spraw, aby niezależnie od zawartości diva zawsze był w nim pionowy pasek przewijania.