CSS overflow ominaisuus

Määrittely ja käyttö

overflow Ominaisuus määrittää, mitä tapahtuu, kun sisältö ylittää elementin kehysalueen.

Selitys

Tämä ominaisuus määrittää, miten ylivirrannainen elementin sisältö käsitellään. Jos arvo on scroll, käyttäjäagentti tarjoaa aina roolimekanismin, joten voi olla, että roolirasia näkyy, vaikka kaikki sisältö mahtuisi elementin kehysalueeseen.

Katso myös:

CSS-opetusohjelma:CSS-sijoittelu

HTML DOM -viittausoppikirja:overflow-ominaisuus

Esimerkki

Aseta overflow-ominaisuus:

div
  {
  leveys:150px;
  korkeus:150px;
  overflow:scroll;
  }

Kokeile itse

CSS-grammatiikka

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
näkyvä Oletusarvo. Sisältöä ei leikata, ja se näkyy elementin kehysalueen ulkopuolella.
piilotettu Sisältö leikataan, ja muu sisältö ei ole näkyvissä.
scroll Sisältö leikataan, mutta selain näyttää roolirullan, jotta voit tarkastella muuta sisältöä.
auto Jos sisältö on leikattu, selain näyttää roolirullan, jotta voit tarkastella muuta sisältöä.
inherit Määritetään, että overflow-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: näkyvä
Perintä: ei
Versio: CSS2
JavaScript-grammatiikka: object.style.overflow="scroll"

Lisää esimerkkejä

Miten käyttää roolia näyttämään elementin sisällä ylivirrannainen sisältö
Tämä esimerkki näyttää, miten voit asettaa overflow-ominaisuuden määrittämään toiminnon, kun elementin sisältö ylittää määrätyn alueen.
Miten piilotetaan ylivirrannainen sisältö ylivirrannaisessa elementissä
Tämä esimerkki näyttää, miten voit asettaa overflow-ominaisuuden piilottamaan sisällön, kun elementin sisältö on liian suuri eikä sovi määritettyyn alueeseen.
Miten asettaa selain käsittelemään ylivirrannaisuutta automaattisesti
Tämä esimerkki näyttää, miten voit asettaa selaimen käsittelemään ylivirrannaisuutta automaattisesti.

Selaimen tuki

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0