English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 overflow-Método de uso e exemplo da propriedade

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"

Sintaxe de uso do overflow x

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‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

ValorDescrição
visibleO 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.
hiddenO conteúdo dentro da caixa do elemento será cortado, e o restante não será visível.
scrollO conteúdo que excede é cortado como se estivesse escondido, mas há um mecanismo de rolagem para acessar o conteúdo que excede.
autoSe o conteúdo exceder o limite do elemento, ele fornecerá uma barra de rolagem para ver o restante do conteúdo.
initialDefina este atributo para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o overflow do elemento pai-Os valores do atributo x.

Compatibilidade do navegador

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.

  • 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 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.

Leia mais

Por favor, consulte as seguintes tutoriais:CSS Overflow

Propriedades relacionadas:overflowoverflow-yclipword-wrap