Manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

Atributo padding do CSS CSS3 overflow-Atributo x

CSS3 overflow-Uso e exemplo da propriedade

overflow-A propriedade CSS determina o que acontece quando o conteúdo excede os limites da área de conteúdo do elemento: se corta o conteúdo, exibe uma barra de rolagem ou mostra o conteúdo que transborda.

下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。

A tabela a seguir fornece a descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.	visible
Valor padrão:	Aplicável a:-Block, inline
Block e contêineres flexíveis	Herança:
Não.	Animável:Sim. Propriedades de animação。
Versão:	CSS3novo recurso
Sintaxe do JavaScript:	object.style.overflowY="scroll"

y-Uso da sintaxe

A sintaxe dessa propriedade é a seguinte:

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

Os exemplos a seguir mostram como usar overflow-propriedade y

Exemplo

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow-x:　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 será cortado, e o conteúdo restante não será visível.
scroll	O conteúdo que exceder será cortado, mas será fornecida uma mecanismo de rolagem para acessar o conteúdo excedente.
auto	Se o conteúdo for maior que o contêiner do elemento, ele fornecerá uma barra de rolagem para ver o conteúdo restante.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o overflow-Valor da propriedade y

Compatibilidade do navegador

overflow-Compatibilidade do navegador para a propriedade y, 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.5Acima Google Chrome1+ Internet Explorer 9+ Apple Safari 3+ Opera 9.5+

Aviso: Internet Explorer 7e versões mais antigas não suportam essa overflow-y. O IE8Compatível com essa propriedade, mas requer prefixo específico do Microsoft-ms-prefixo (por exemplo-ms-overflow-y). No IE9e versões mais recentes são compatíveis.