Style overflow ominaisuus

Määritelmä ja käyttö

overflow Miten ominaisuus asetetaan tai palautetaan käsitelläänkö sisältöä, joka näkyy elementin kehysrinnalla.

Vinkki:Jos haluat piilottaa koko dokumentin pyyhkymäärityksen, käytä body- tai html-elementin overflow-ominaisuutta.

Katso myös:

CSS oppitunnit:CSS ylivuoto

CSS oppitunnit:CSS sijoittelu

CSS viittausopas:overflow-ominaisuus

Esimerkki

Esimerkki 1

Käytä overflow-ominaisuutta pyyhkäisemään ylitetty sisältö:

document.getElementById("myDIV").style.overflow = "scroll";

Kokeile itse

Esimerkki 2

Käytä overflow-ominaisuutta piilottamaan ylitetty sisältö:

document.getElementById("myDiv").style.overflow = "hidden";

Kokeile itse

Esimerkki 3

Palauta overflow-ominaisuus:

alert(document.getElementById("myDiv").style.overflow);

Kokeile itse

Syntaksi

Palauta overflow-ominaisuus:

objekti.style.overflow

Aseta overflow-ominaisuus:

objekti.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

Ominaisuusarvo

Arvo Kuvaus
visible Sisältöä ei leikata, se saattaa näkyä elementin kehysrinnalla. Oletus.
hidden Älä näytä elementin kehysrinnalla olevaa sisältöä.
scroll Lisää pyyhkymääritys tarvittaessa ja rajoita sisältöä.
auto Vieritä sisältöä tarvittaessa ja lisää pyyhkymääritys.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: visible
Palautusarvo: Merkkijono, joka ilmaisee sisällön, joka renderöidään elementin kehysrinnalla.
CSS versio: CSS2

Selain tukee

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki