Exemplo
Rolar horizontalmente se o texto transborda área de conteúdo do elemento:
document.getElementById("myDIV").style.overflowX = "scroll"; Tente você mesmo " Definição e Uso
A propriedade overflowX especifica o que fazer com as bordas esquerda / direita do conteúdo - se ele transborda área de conteúdo do elemento.
Tip: Use o overflowY propriedade para determinar recorte nas bordas superior e inferior.
Suporte navegador
A propriedade overflowX é suportado em todos os principais navegadores.
Note: A propriedade overflowX não funciona corretamente no IE8 e anteriores.
Sintaxe
Devolver o imóvel overflowX:
object .style.overflowXDefina a propriedade overflowX:
object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| visible | O conteúdo não é cortado, e pode ser processado fora da caixa de conteúdo |
| hidden | O conteúdo é cortado - e nenhum mecanismo de rolagem é fornecido |
| scroll | O conteúdo é cortado e um mecanismo de deslocamento é proporcionado |
| auto | Deve causar um mecanismo de rolagem para ser fornecido para transbordar caixas |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | visível |
|---|---|
| Valor de retorno: | A String, que representa a propriedade overflow-x de um elemento |
| CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: overflow-x property
<Estilo de objeto