Pretečenie bloku v CSS

Задание 1

Vytvorte div so šírkou a výškou 200px. Pridajte do neho dlhý text, ktorý sa nevystíši do výšky tohto bloku. Skontrolujte, že text bude prečnievať z dolnej časti bloku.

Задание 2

Upravte predchádzajúcu úlohu tak, aby v dive pri prečnievaní textu do výšky pribudla vertikálna posuvná lišta.

Задание 3

Upravte predchádzajúcu úlohu tak, aby sa prečnievajúci text zvisle orezať.

Задание 4

Upravte predchádzajúcu úlohu tak, aby pri prejdení myšou nad div sa výška divu zväčšila dostatočne na to, aby sa do neho zmestil celý text.

Задание 5

Vytvorte div so šírkou a výškou 300px. Pridajte do nášho divu obrázok, ktorý bude väčší ako div na šírku aj na výšku. Skontrolujte, že obrázok bude prečnievať za hranice divu.

Задание 6

Upravte predchádzajúcu úlohu tak, aby pri prečnievaní obrázka sa objavili posuvné lišty.

Задание 7

Upravte predchádzajúcu úlohu tak, aby sa prečnievajúce časti obrázka orezať.

Задание 8

Upravte predchádzajúcu úlohu tak, aby sa prečnievajúce časti obrázka orezať horizontálne, a vertikálne sa objavila posuvná lišta.

Задание 9

Vytvorte div so šírkou a výškou 150px. Nastavte to tak, aby bez ohľadu na obsah divu v ňom vždy bola vertikálna posuvná lišta.