Esempio
Agganciare i primi / bordi inferiori del contenuto all'interno del <div> elemento - se trabocca zona contenuto dell'elemento:
div
{
overflow-y: hidden;
}
Prova tu stesso " Definizione e utilizzo
La proprietà overflow-y specifica che cosa fare con i top / bottom bordi del contenuto - se trabocca zona contenuto dell'elemento.
Tip: Utilizzare il trabocco-x proprietà per determinare il clipping ai bordi sinistro e destro.
| Valore di default: | visible |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS3 |
| sintassi JavaScript: | object .style.overflowY="scroll" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da -MS-, specificare la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| overflow-y | 4.0 | 9.0 8.0 -MS- | 3.5 | 3.0 | 9.5 |
CSS Sintassi
overflow-y: visible|hidden|scroll|auto|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| visible | Valore di default. Il contenuto non viene tagliato, e può essere reso fuori dagli schemi contenuti | Gioca " |
| hidden | Il contenuto viene tagliato - e nessun meccanismo di scorrimento è previsto | Gioca " |
| scroll | Il contenuto è ritagliato e un meccanismo di scorrimento è previsto | Gioca " |
| auto | Dovrebbe causare un meccanismo di scorrimento da fornire per traboccante scatole | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Di riferimento HTML DOM: overflowY property