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
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