A propriedade CSS overflow-x

Definição e uso

A propriedade overflow-x determina se o recorte das margens esquerda/direita do conteúdo deve ser feito - se o conteúdo do elemento exceder a área do conteúdo.

Dica:Uso overflow-y usar propriedade para determinar o recorte das bordas superior/inferior.

Tutorial CSS:Sobrecarga CSS

Manual de referência HTML DOM:Propriedade overflowX

Exemplo

Cortar as margens esquerda/direita do conteúdo do elemento div - se o conteúdo do elemento exceder a área do conteúdo:

div
{
overflow-x:hidden;
}

Experimente você mesmo

Sintaxe CSS

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Valor do atributo

Valor Descrição Teste
visível Não cortar conteúdo, pode ser exibido fora da caixa de conteúdo. Teste
hidden Cortar conteúdo - Não fornecer mecanismo de rolagem. Teste
scroll Cortar conteúdo - Fornecer mecanismo de rolagem. Teste
auto Se houver excedente na caixa, deve ser fornecido um mecanismo de rolagem. Teste
no-display Se o conteúdo não se adequar à caixa de conteúdo, excluir toda a caixa. Teste
no-content Se o conteúdo não se adequar à caixa de conteúdo, ocultar todo o conteúdo. Teste

Detalhes técnicos

Valor padrão: visível
Herança: não
Versão: CSS3
Sintaxe JavaScript: object.style.overflowX="scroll"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Números com -ms- indicam a primeira versão com suporte ao prefixo.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5