Propriedade de estilo overflowX
Exemplo
Role horizontalmente se o texto ultrapassar a área de conteúdo do elemento:
document.getElementById("myDIV").style.overflowX = "scroll";
Definição e uso
A propriedade overflowX especifica o que fazer com as bordas esquerda/direita do conteúdo - se estourar a área de conteúdo do elemento.
Dica: Use a propriedade overflowY para determinar o corte nas bordas superior e inferior.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
overflowX | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade overflowX:
object.style.overflowX
Defina a propriedade overflowX:
object.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
visible | The content is not clipped, and it may be rendered outside the content box |
hidden | The content is clipped - and no scrolling mechanism is provided |
scroll | The content is clipped and a scrolling mechanism is provided |
auto | Should cause a scrolling mechanism to be provided for overflowing boxes |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | visível |
---|---|
Valor de retorno: | Uma String, representando a propriedade overflow-x de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade overflow-x
❮ Objeto de estilo