Exemplo
Cortar as bordas / esquerda e direita do conteúdo dentro do <div> elemento - se ele transborda área de conteúdo do elemento:
div
{
overflow-x: hidden;
}
Tente você mesmo " Definição e Uso
A propriedade overflow-x especifica o que fazer com as bordas esquerda / direita do conteúdo - se ele transborda área de conteúdo do elemento.
Tip: Use o overflow-y propriedade para determinar recorte nas bordas superior e inferior.
| Valor padrão: | visible |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.overflowX="scroll" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguidos de -ms-, especifique a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9 8,0 -ms- | 3,5 | 3.0 | 9.5 |
CSS Syntax
overflow-x: visible|hidden|scroll|auto|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| visible | O conteúdo não é cortado, e pode ser processado fora da caixa de conteúdo | Jogue " |
| hidden | O conteúdo é cortado - e nenhum mecanismo de rolagem é fornecida | Jogue " |
| scroll | O conteúdo é cortado e um mecanismo de rolagem é fornecida | Jogue " |
| auto | Deve causar um mecanismo de rolagem para ser fornecido para transbordar caixas | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
HTML DOM de referência: overflowX property