Exemplo
Defina a propriedade de estouro para rolar:
div
{
width: 150px;
height: 150px;
overflow: scroll;
}
Tente você mesmo " Definição e Uso
A propriedade overflow especifica o que acontece se o conteúdo transborda a caixa de um elemento.
| Valor padrão: | visible |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.overflow="scroll" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7 |
CSS Syntax
overflow: visible|hidden|scroll|auto|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| visible | O estouro não é recortado. Ela torna fora da caixa do elemento. Este é o padrão | Jogue " |
| hidden | O excesso é cortado, e o resto do conteúdo será invisível | Jogue " |
| scroll | O excesso é cortado, mas uma barra de rolagem é adicionada para ver o resto do conteúdo | Jogue " |
| auto | Se excedentária é omitida, deverá ser acrescentada uma barra de rolagem para ver o resto do conteúdo | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
CSS tutorial: Posicionamento CSS
HTML DOM de referência: overflow property