Esempio
Impostare la proprietà di overflow per scorrere:
div
{
width: 150px;
height: 150px;
overflow: scroll;
}
Prova tu stesso " Definizione e utilizzo
La proprietà overflow specifica cosa succede se il contenuto trabocca il vaso di un elemento.
| Valore di default: | visible |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.overflow="scroll" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Sintassi
overflow: visible|hidden|scroll|auto|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| visible | L'overflow non è troncato. Rende al di fuori di dialogo dell'elemento. Questa è l'impostazione predefinita | Gioca " |
| hidden | L'overflow è ritagliato, e il resto del contenuto sarà invisibile | Gioca " |
| scroll | L'overflow è ritagliato, ma viene aggiunta una barra di scorrimento per vedere il resto del contenuto | Gioca " |
| auto | Se overflow viene ritagliato, una barra di scorrimento deve essere aggiunto per vedere il resto del contenuto | 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
CSS tutorial: Posizionamento CSS
Di riferimento HTML DOM: overflow property