CSS3 overflow-xPropiedad
Ejemplo
Si el contenido desborda el área de contenido del elemento, recorta los bordes izquierdo/derecho del contenido del elemento div:
div
{
overflow-x:hidden;
}
{
overflow-x:hidden;
}
Pruébalo »
Soporte del navegador
Los números de la tabla indican la primera versión del navegador que admite la propiedad.
El número que precede a -webkit-, -ms- o -moz- es la primera versión del navegador que admite la propiedad con ese prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
Definición de la propiedad y uso
La propiedad overflow-x especifica si se recortan los bordes izquierdo/derecho del contenido si desborda el área de contenido del elemento.
Sugerencia:Usa la propiedad overflow-y para determinar si se recortan los bordes superior e inferior.
| Valor predeterminado: | visible |
|---|---|
| Herencia: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.overflowX="scroll" |
Sintaxis
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
| Valor | Descripción |
|---|---|
| visible | No recorta el contenido; puede mostrarse fuera del cuadro de contenido. |
| hidden | Recorta el contenido: no se proporciona un mecanismo de desplazamiento. |
| scroll | Recorta el contenido: se proporciona un mecanismo de desplazamiento. |
| auto | Si desborda el cuadro, se debe proporcionar un mecanismo de desplazamiento. |
| no-display | Si el contenido no cabe en el cuadro de contenido, se elimina todo el cuadro. |
| no-content | Si el contenido no cabe en el cuadro de contenido, se oculta todo el contenido. |