CSS overflow-x ominaisuus

Määritelmä ja käyttö

overflow-x-ominaisuus määrittää, leikataanko sisällön vasemman/oikean reunan - jos elementin sisältö alue ylittyy.

Vinkki:Käyttö overflow-y ominaisuutta määrittääkseen ylös/ alas reunan leikkaamisen.

CSS-opas:CSS-ylitys

HTML DOM -viittausopas:overflowX-ominaisuus

Esimerkki

Leikkaa div-elementin sisällön vasemman/oikean reunan - jos elementin sisältö alue ylittyy:

div
{
overflow-x:hidden;
}

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus Testi
näkyvä Ei leikkaa sisältöä, joka saattaa näkyä sisäänrakennetun kehän ulkopuolella. Testi
hidden Leikkaa sisältö - ei tarjoa pyöritysmekanismia. Testi
scroll Leikkaa sisältö - tarjoa pyöritysmekanismi. Testi
auto Jos ylityskehä, tarvitaan pyöritysmekanismi. Testi
no-display Jos sisältö ei sovi sisäänrakennettuun kehään, poista koko kehä. Testi
no-content Jos sisältö ei sovi sisäänrakennettuun kehään, piilota koko sisältö. Testi

Tekninen yksityiskohta

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

Selaimen tuki

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

Numerot, jotka sisältävät -ms-, tarkoittavat ensimmäistä versiota, jota käytetään etuliitteellä.

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