tutoriais mais recente desenvolvimento web
 

Style overflow Property

<Estilo de objeto

Exemplo

Use a propriedade overflow para deslocar o conteúdo transborda:

document.getElementById("myDIV").style.overflow = "scroll";
Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades de estouro ou retornos sobre o que fazer com o conteúdo que torna fora da caixa de elemento.

Tip: Se você deseja ocultar as barras de rolagem de todo o documento, use a propriedade overflow no corpo ou o elemento html.


Suporte navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A propriedade overflow é suportado em todos os principais navegadores.


Sintaxe

Devolver a propriedade overflow:

object .style.overflow

Defina a propriedade overflow:

object .style.overflow="visible|hidden|scroll|auto|initial|inherit"

Valores de propriedade

Valor Descrição
visible Conteúdo não é cortado e pode ser mostrado fora da caixa de elemento. Este é o padrão
hidden Conteúdo fora da caixa de elemento não é mostrado
scroll barras de rolagem são adicionados, eo conteúdo é cortado quando necessário
auto O conteúdo é cortada e barras de rolagem são adicionados quando necessário
initial Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão: visível
Valor de retorno: A String, que representa o conteúdo que torna fora da caixa de elemento
CSS Versão CSS2

mais Exemplos

Exemplo

Use a propriedade overflow para ocultar o conteúdo transborda:

document.getElementById("myDiv").style.overflow = "hidden";
Tente você mesmo "

Exemplo

Devolver a propriedade overflow:

alert(document.getElementById("myDiv").style.overflow);
Tente você mesmo "

Páginas relacionadas

CSS tutorial: Posicionamento CSS

Referência CSS: overflow property


<Estilo de objeto