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

CSS Guia Básico

Modelo de Caixa do CSS

CSS3Tutorial Básico

Manual de Referência do CSS

Regras do CSS (RULES)

Transbordamento CSS (Transbordamento)

O atributo de excedente especifica o comportamento ao exceder o conteúdo do elemento (não se adequar) ao contorno do elemento.

Tratar o conteúdo de excedente

O conteúdo do elemento pode ser maior que o tamanho da caixa do próprio elemento. Por exemplo, os atributos width e height dados não permitem espaço suficiente para conter o conteúdo do elemento.

Atributo de excedente do CSS, que permite especificar se o conteúdo será cortado, renderizado com uma barra de rolagem ou exibidoBlocoO conteúdo excedente do elemento.

Este atributo pode ser um dos seguintes valores: visible (padrão), hidden, scroll, e auto. CSS3também defineoverflow-xeoverflow-yAtributo, para permitir controle independente do recorte vertical e horizontal.

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}
Teste e veja‹/›
ValorDescrição
visibleValor padrão. O conteúdo não é cortado; ele será renderizado fora da caixa do elemento, podendo sobrepor-se a outros conteúdos.
hiddenO conteúdo dentro da caixa do elemento excedente será cortado e o restante não será visível.
scrollO conteúdo excedente será cortado como se estivesse oculto, mas há um mecanismo de rolagem para acessar o conteúdo excedente.
autoSe o conteúdo exceder o contorno do elemento, ele fornecerá automaticamente uma barra de rolagem para ver o restante do conteúdo; caso contrário, a barra de rolagem não aparecerá.