CSS overflow-y ominaisuus

Määrittely ja käyttö

overflow-y-ominaisuus määrittää, leikataanko sisältöä ylös alas - jos elementin sisältö ylittää elementin sisällön alueen.

Vinkki:Käyttö overflow-x ominaisuutta määrittämään vasemmanojaan oikeanpuolisen reunan leikkaamisen.

CSS-opas:CSS-ylitys

HTML DOM -viittausopas:overflowY-ominaisuus

Esimerkki

Leikkaa div-elementin sisällön vasemmanojaan oikeanpuoliset reunat - jos elementin sisältö ylittää elementin sisällön alueen:

div
{
overflow-y:hidden;
}

Kokeile itse

CSS-kieli

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Ominaisuuden arvo

Arvo Kuvaus Testi
näkyvä Ei leikkaa sisältöä, joka saattaa näkyä sisällön kehyksen ulkopuolella. Testi
hidden Leikkaa sisältö - ei tarjoa vieritysmekanismia. Testi
scroll Leikkaa sisältö - tarjoa vieritysmekanismi. Testi
auto Jos ylityskehys, tulisi tarjota vieritysmekanismi. Testi
no-display Jos sisältö ei sovi sisällön kehykseen, poista koko kehys. Testi
no-content Jos sisältö ei sovi sisällön kehykseen, piilota koko sisältö. Testi

Tekninen yksityiskohta

Oletusarvo: näkyvä
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.style.overflowY="scroll"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Numerot, jotka sisältävät -ms-, tarkoittavat ensimmäistä versiota, jota käytetään префикseillä.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5