Propriedade de estouro de estilo
Exemplo
Use a propriedade overflow para rolar o conteúdo transbordante:
document.getElementById("myDIV").style.overflow = "scroll";
Definição e uso
A propriedade estouro define ou retorna o que fazer com o conteúdo renderizado fora da caixa do elemento.
Dica: Se você quiser ocultar as barras de rolagem de todo o documento, use a propriedade overflow no corpo ou no elemento html.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade de estouro:
object.style.overflow
Defina a propriedade de estouro:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | visível |
---|---|
Valor de retorno: | Uma String, representando o conteúdo que é renderizado fora da caixa do elemento |
Versão CSS | CSS2 |
Mais exemplos
Exemplo
Use a propriedade overflow para ocultar o conteúdo em excesso:
document.getElementById("myDiv").style.overflow = "hidden";
Exemplo
Retorne a propriedade de estouro:
alert(document.getElementById("myDiv").style.overflow);
Páginas relacionadas
Tutorial CSS: CSS Overflow
Tutorial CSS: Posicionamento CSS
Referência CSS: propriedade overflow
❮ Objeto de estilo