CSS:n elementin ylivuoto

overflow overflow-x overflow-y

Tee div, jonka leveys ja korkeus on 200px. Lisää siihen pitkä teksti, joka ei mahdu korkeudeltaan tähän elementtiin. Tarkista, että teksti tulee ulos elementin alaosasta.

Muokkaa edellistä tehtävää siten, että diviin ilmestyy pystysuuntainen vierityspalkki kun teksti ylittää elementin korkeuden.

Muokkaa edellistä tehtävää siten, että pystysuunnasta ulospäin tuleva teksti katkaistaan.

Muokkaa edellistä tehtävää siten, että kun hiiri viedään divin päälle, divin korkeudeksi tulee tarpeeksi suuri, jotta koko teksti mahtuu diviin.

Tee div, jonka leveys ja korkeus on 300px. Lisää diviimme kuva, joka on diviä leveämpi ja korkeampi. Tarkista, että kuva tulee divin rajojen ulkopuolelle.

Muokkaa edellistä tehtävää siten, että kun kuva tulee ulos, ilmestyvät vierityspalkit.

Muokkaa edellistä tehtävää siten, että divin ulkopuolelle tulevat osat kuvasta katkaistaan.

Muokkaa edellistä tehtävää siten, että divin ulkopuolelle tulevat osat kuvasta katkaistaan vaakasuunnassa, ja pystysuunnassa ilmestyy vierityspalkki.

Tee div, jonka leveys ja korkeus on 150px. Tee niin, että riippumatta divin sisällöstä siinä on aina pystysuuntainen vierityspalkki.