A propriedade CSS overflow-y

Definição e uso

A propriedade overflow-y determina se o recorte do conteúdo superior/inferior deve ser feito - se o conteúdo da div extrapolar a área do elemento.

Dica:Uso overflow-x Propriedade para determinar o recorte das margens esquerda/direita.

Tutorial CSS:CSS Sobra

Manual de referência HTML DOM:Propriedade overflowY

Exemplo

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

div
{
overflow-y:hidden;
}

Experimente você mesmo

Sintaxe CSS

overflow-y: 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 sobra na caixa, deve ser fornecido um mecanismo de rolagem. Teste
no-display Se o conteúdo não se adequar à caixa de conteúdo, deletar 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.overflowY="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-		 1.5 3.0 9.5