Propriedade Style overflow

Definição e uso

overflow Como configurar ou retornar o tratamento do conteúdo renderizado fora da caixa do elemento.

Dica：Para ocultar a barra de rolagem inteira do documento, use a propriedade overflow do elemento body ou html.

Veja também：

Tutorial do CSS：Excedente do CSS

Tutorial do CSS：Posicionamento do CSS

Manual de referência do CSS：Propriedade overflow

Exemplo

Exemplo 1

Usar a propriedade overflow para rolar o conteúdo excedente：

document.getElementById("myDIV").style.overflow = "scroll";

Experimente você mesmo

Exemplo 2

Usar a propriedade overflow para ocultar o conteúdo excedente：

document.getElementById("myDiv").style.overflow = "hidden";

Experimente você mesmo

Exemplo 3

Retornar a propriedade overflow：

alert(document.getElementById("myDiv").style.overflow);

Experimente você mesmo

Sintaxe

Retornar a propriedade overflow：

objeto.style.overflow

Definir a propriedade overflow：

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

Valor da propriedade

Valor Descrição
visible O conteúdo não será recortado e pode aparecer fora da caixa do elemento. Padrão.
hidden Não exiba o conteúdo fora da caixa do elemento.
scroll Adicione uma barra de rolagem e recorte o conteúdo necessário.
auto Corte o conteúdo necessário e adicione uma barra de rolagem.
initial Defina essa propriedade como seu valor padrão. Veja também initial。
inherit Herda essa propriedade do elemento pai. Veja também inherit。

Detalhes técnicos

Valor padrão: visible
Retorno: Cadeia de caracteres, que representa o conteúdo renderizado fora da caixa do elemento.
Versão do CSS： CSS2

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte