English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
overflow-A propriedade CSS determina o que acontece quando o conteúdo transborda os limites laterais da área de conteúdo do elemento: se corta o conteúdo, se exibe uma barra de rolagem ou se mostra o conteúdo transbordante.
A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.
Valor padrão: | visible |
---|---|
Aplicável a: | Block, inline-container block and flex |
Herança: | Não |
Animável: | Não.Veja também Propriedades de animação。 |
Versão: | CSS3novo recurso |
Sintaxe JavaScript: | objeto.style.overflowX="scroll" |
A sintaxe deste atributo é a seguinte:
overflow-x: visible | hidden | scroll | auto | initial | inherit
Os exemplos a seguir mostram como usar o overflow-propriedade x.
div { width: 400px; height: 300px; overflow-x: scroll; }Teste e veja‹/›
A tabela a seguir descreve os valores deste atributo.
Valor | Descrição |
---|---|
visible | O conteúdo não é cortado; ele será renderizado fora da caixa do elemento, portanto, pode sobrepor-se a outros conteúdos. Este é o valor padrão. |
hidden | O conteúdo dentro da caixa do elemento será cortado, e o restante não será visível. |
scroll | O conteúdo que excede é cortado como se estivesse escondido, mas há um mecanismo de rolagem para acessar o conteúdo que excede. |
auto | Se o conteúdo exceder o limite do elemento, ele fornecerá uma barra de rolagem para ver o restante do conteúdo. |
initial | Defina este atributo para seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota o overflow do elemento pai-Os valores do atributo x. |
overflow-A compatibilidade do navegador do atributo x; os números na tabela a seguir representam a versão mais baixa do navegador que suporta o atributo; todos os navegadores populares suportam este atributo.
|
Aviso: Internet Explorer 7e versões mais antigas não suportam este overflow-x propriedade. IE8suporta este atributo, mas requer um prefixo específico do Microsoft
-ms-prefixo (por exemplo-ms-overflow-x). No IE9e versões mais recentes são suportadas.
Por favor, consulte as seguintes tutoriais:CSS Overflow。
Propriedades relacionadas:overflow,overflow-y,clip,word-wrap。