Pretečenie bloku v CSS

overflow overflow-x overflow-y

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.