Přetečení bloku v CSS

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

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.

Задание 2

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

Задание 3

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

Задание 4

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.

Задание 5

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.

Задание 6

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

Задание 7

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

Задание 8

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.

Задание 9

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.