Pretečenie bloku v CSS
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.
Upravte predchádzajúcu úlohu tak, aby v dive pri prečnievaní textu do výšky pribudla vertikálna posuvná lišta.
Upravte predchádzajúcu úlohu tak, aby sa prečnievajúci text zvisle orezať.
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.
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.
Upravte predchádzajúcu úlohu tak, aby pri prečnievaní obrázka sa objavili posuvné lišty.
Upravte predchádzajúcu úlohu tak, aby sa prečnievajúce časti obrázka orezať.
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.
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.