Overflow del blocco in CSS

overflow overflow-x overflow-y

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.

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

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

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.

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.

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

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

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

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.