Atributo CSS overflow-x

Definición y uso

La propiedad overflow-x especifica si se recorta los bordes izquierdo/derecho del contenido - si el contenido del elemento desborda el área de contenido.

Consejo:Uso overflow-y usar una propiedad para determinar el recorte de los bordes superior/inferior.

Tutorial de CSS:CSS desbordamiento

Manual de referencia de HTML DOM:Propiedad overflowX

Ejemplo

Recortar los bordes izquierdo/derecho del contenido del elemento div - si el contenido del elemento desborda el área de contenido:

div
{
overflow-x:hidden;
}

Prueba personal

Sintaxis de CSS

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Valor de atributo

Valor Descripción Pruebas
visible No recortar contenido, podría mostrarse fuera del cuadro de contenido. Pruebas
hidden Recortar contenido - No proporcionar un mecanismo de desplazamiento. Pruebas
scroll Recortar contenido - Proporcionar un mecanismo de desplazamiento. Pruebas
auto Si hay desbordamiento en la caja, debe proporcionar un mecanismo de desplazamiento. Pruebas
no-display Si el contenido no se ajusta al cuadro de contenido, eliminar toda la caja. Pruebas
no-content Si el contenido no se ajusta al cuadro de contenido, ocultar todo el contenido. Pruebas

Detalles técnicos

Valor predeterminado: visible
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.overflowX="scroll"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -ms- indican la primera versión que utiliza el prefijo.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5