Prekoračitev bloka v CSS

Задание 1

Naredite div s širino in višino 200px. Dodajte vanj dolgo besedilo, ki se ne bo prilegalo po višini v ta blok. Preverite, da bo besedilo šlo ven s spodnjega dela bloka.

Задание 2

Spremenite prejšnjo nalogo tako, da se v divu ob prekoračitvi besedila po višini pojavi navpična drsna vrstica.

Задание 3

Spremenite prejšnjo nalogo tako, da se besedilo, ki štrli navpično, obreže.

Задание 4

Spremenite prejšnjo nalogo tako, da ob premikanju miške nad div višina diva postane dovolj velika, da se v ta div prilega celotno besedilo.

Задание 5

Naredite div s širino in višino 300px. V naš div dodajte sliko, ki bo večja od diva po širini in višini. Preverite, da bo slika šla prek meja diva.

Задание 6

Spremenite prejšnjo nalogo tako, da ob prekoračitvi slike pojavijo drsne vrstice.

Задание 7

Spremenite prejšnjo nalogo tako, da se deli slike, ki štrlijo ven, obrežejo.

Задание 8

Spremenite prejšnjo nalogo tako, da se deli slike, ki štrlijo ven, obrežejo vodoravno, navpično pa se pojavi drsna vrstica.

Задание 9

Naredite div s širino in višino 150px. Naredite tako, da neodvisno od vsebine diva v njem vedno obstaja drsna vrstica navpično.