Exemplu
Utilizați proprietatea overflow pentru a derula conținutul debordant:
document.getElementById("myDIV").style.overflow = "scroll"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate sau supraplin revine ce să facă cu un conținut care face în afara cutiei elementului.
Tip: Dacă doriți să ascundeți barele de derulare ale întregului document, utilizați proprietatea supraplin pe corp sau elementul html.
Suport pentru browser-
Proprietatea overflow este acceptată în toate browserele majore.
Sintaxă
Întoarcere proprietatea overflow:
object .style.overflow
Setați proprietatea overflow:
object .style.overflow="visible|hidden|scroll|auto|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| visible | Conținutul NU se tunde și pot fi afișate în afara cutiei elementului. Acest lucru este implicit |
| hidden | Conținutul în afara cutiei elementul nu este afișat |
| scroll | se adaugă bare de derulare, iar conținutul se tunde atunci când este necesar |
| auto | Conținutul se tunde și se adaugă barele de defilare atunci când este necesar |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | vizibil |
|---|---|
| Întoarcere Valoare: | Un șir, care reprezintă conținutul care face în afara cutiei elementului |
| CSS Versiune | CSS2 |
Mai multe exemple
Exemplu
Utilizați proprietatea overflow pentru a ascunde conținutul debordant:
document.getElementById("myDiv").style.overflow = "hidden"; Încearcă - l singur » Exemplu
Întoarcere proprietatea overflow:
alert(document.getElementById("myDiv").style.overflow); Încearcă - l singur » Pagini similare
Tutorial CSS: Poziționarea CSS
Referință CSS: overflow property
<Style Object