CSS blokk túlcsordulás

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

Készítsen egy 200px széles és magas divet. Helyezzen bele egy hosszú szöveget, amely nem fér el magasságban ebben a blokkban. Ellenőrizze, hogy a szöveg a blokk aljáról kilóg.

Задание 2

Módosítsa az előző feladatot úgy, hogy a divben, ha a szöveg magasságban kilóg, megjelenjen egy függőleges görgetősáv.

Задание 3

Módosítsa az előző feladatot úgy, hogy a függőlegesen kilógó szöveg levágódjon.

Задание 4

Módosítsa az előző feladatot úgy, hogy amikor az egeret a div fölé viszik, a div magassága olyan nagy legyen, hogy a teljes szöveg beleférjen.

Задание 5

Készítsen egy 300px széles és magas divet. Helyezzen a divünkbe egy képet, amely nagyobb lesz a divnél szélességben és magasságban. Ellenőrizze, hogy a kép kilóg a div határain túl.

Задание 6

Módosítsa az előző feladatot úgy, hogy ha a kép kilóg, megjelenjenek a görgetősávok.

Задание 7

Módosítsa az előző feladatot úgy, hogy a kilógó részek a képből levágódjanak.

Задание 8

Módosítsa az előző feladatot úgy, hogy a kép kilógó részei vízszintesen levágódjanak, függőlegesen pedig megjelenjen a görgetősáv.

Задание 9

Készítsen egy 150px széles és magas divet. Állítsa be úgy, hogy a div tartalmától függetlenül mindig legyen függőleges görgetősáv a divben.