manual de referência CSS

regras @CSS (RULES)

大全 de propriedades CSS

CSS3 overflow-x Atributo CSS outline-width Atributo

Método de uso e exemplo do atributo overflow CSS

O atributo overflow CSS especifica o que acontece quando o conteúdo excede a área de conteúdo do elemento: cortar o conteúdo, exibir uma barra de rolagem ou exibir o conteúdo excedente.

A tabela a seguir fornece instruções de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:	visible
Aplicável a:	Block, inline-Container block e flex
Herança:	Não
Animável:	Não.Por favor, consulte Propriedades animadas。
Versão：	CSS 2、3
Sintaxe JavaScript：	object.style.overflow="scroll"

Sintaxe de uso do overflow

A sintaxe dessa propriedade é a seguinte:

overflow:　auto　|　hidden　|　scroll　|　visible　|　initial　|　inherit

Os exemplos a seguir demonstram como usar o atributo overflow.

Exemplo

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow:　scroll;
　　}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
visible	O conteúdo não será cortado; ele será renderizado fora da caixa do elemento, portanto, pode sobrepor-se a outro conteúdo. Este é o valor padrão.
hidden	O conteúdo dentro da caixa do elemento excedente será cortado, e o restante não será visível.
scroll	O conteúdo excedente será cortado como se estivesse oculto, mas será fornecida uma mecânica de rolagem para acessar o conteúdo excedente.
auto	Se o conteúdo exceder o contorno do elemento, ele fornecerá uma barra de rolagem para ver o restante do conteúdo.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade overflow do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo overflow, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+