Přetečení bloku v CSS

overflow overflow-x overflow-y

Vytvořte div o šířce a výšce 200px. Přidejte do něj dlouhý text, který se vejde do výšky tohoto bloku. Ověřte, že text vyčnívá ze spodní části bloku.

Upravte předchozí úlohu tak, aby v divu při přetečení textu do výšky vznikla vertikální posuvná lišta.

Upravte předchozí úlohu tak, aby se text přetékající ve svislém směru ořízl.

Upravte předchozí úlohu tak, aby při najetí myší na div se výška divu zvětšila dostatečně, aby se do tohoto divu vešel celý text.

Vytvořte div o šířce a výšce 300px. Přidejte do našeho divu obrázek, který bude větší než div na šířku a na výšku. Ověřte, že obrázek bude přetékat za hranice divu.

Upravte předchozí úlohu tak, aby při přetečení obrázku vznikly posuvné lišty.

Upravte předchozí úlohu tak, aby se přetékající části obrázku ořízly.

Upravte předchozí úlohu tak, aby se přetékající části obrázku ořízly vodorovně, a ve svislém směru se objevila posuvná lišta.

Vytvořte div o šířce a výšce 150px. Nastavte to tak, aby bez ohledu na obsah divu v něm vždy byla svislá posuvná lišta.