Overflow del blocco in CSS

Задание 1

Crea un div con larghezza e altezza di 200px. Aggiungi al suo interno un testo lungo che non entrerà in altezza in questo blocco. Verifica che il testo fuoriesca dalla parte inferiore del blocco.

Задание 2

Modifica il compito precedente in modo che nel div, quando il testo fuoriesce in altezza, appaia una barra di scorrimento verticale.

Задание 3

Modifica il compito precedente in modo che il testo che fuoriesce verticalmente venga tagliato.

Задание 4

Modifica il compito precedente in modo che al passaggio del mouse sul div, l'altezza del div diventi sufficientemente grande da far entrare tutto il testo in questo div.

Задание 5

Crea un div con larghezza e altezza di 300px. Aggiungi al nostro div un'immagine che sarà più grande del div in larghezza e altezza. Verifica che l'immagine fuoriesca dai bordi del div.

Задание 6

Modifica il compito precedente in modo che quando l'immagine fuoriesca, appaiano le barre di scorrimento.

Задание 7

Modifica il compito precedente in modo che le parti dell'immagine che fuoriescono vengano tagliate.

Задание 8

Modifica il compito precedente in modo che le parti dell'immagine che fuoriescono vengano tagliate orizzontalmente, e in verticale appaia una barra di scorrimento.

Задание 9

Crea un div con larghezza e altezza di 150px. Fai in modo che indipendentemente dal contenuto del div, in esso ci sia sempre una barra di scorrimento verticale.