Exemplu
Clip stânga / marginile din dreapta ale conținutului în interiorul <div> elementul - în cazul în care deversează zona de conținut elementului:
div
{
overflow-x: hidden;
}
Încearcă - l singur » Definiție și utilizare
Overflow-x proprietate specifică ce să facă cu marginile stânga / dreapta ale conținutului - în cazul în care deversează zona de conținut elementului.
Tip: Folosiți -overflow y proprietatea pentru a determina tăierea la marginile de sus și de jos.
| Valoare implicită: | visible |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.overflowX="scroll" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de -ms-, specificați prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| overflow-x | 4 | 9 8.0 -ms- | 3.5 | 3.0 | 9.5 |
CSS Sintaxa
overflow-x: visible|hidden|scroll|auto|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| visible | Conținutul nu se tunde, și poate fi redat în afara cutiei de conținut | Joaca - l » |
| hidden | Conținutul se tunde - și este prevăzut un mecanism de derulare | Joaca - l » |
| scroll | Conținutul se tunde și este prevăzut un mecanism de derulare | Joaca - l » |
| auto | Ar trebui să determine un mecanism de derulare să fie furnizate pentru debordant cutii | Joaca - l » |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Pagini similare
HTML DOM referință: overflowX property