in

Propiedad de desbordamiento de CSS

Ejemplo

Muestre diferentes valores de propiedad de desbordamiento:

div.ex1 {
desbordamiento: desplazamiento;
}

div.ex2 {

desbordamiento: oculto;
}

div.ex3 {
desbordamiento: automático;
}

div.ex4 {
desbordamiento: visible;
}

Inténtalo tú mismo »


Definición y uso

los overflow La propiedad especifica lo que debe suceder si el contenido se desborda en el cuadro de un elemento.

Esta propiedad especifica si se recorta el contenido o se agregan barras de desplazamiento cuando el contenido de un elemento es demasiado grande para caber en un área específica.

Nota: los overflow La propiedad solo funciona para elementos de bloque con una altura especificada.

Valor por defecto: visible
Heredado: no
Animable: no. Leer acerca de animable
Versión: CSS2
Sintaxis de JavaScript: objeto.style.overflow = «scroll» Pruébelo

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
Desbordamiento 1.0 4.0 1.0 1.0 7.0

Nota: En OS X Lion (en Mac), las barras de desplazamiento están ocultas de forma predeterminada y solo se muestran cuando se utilizan (aunque «overflow: scroll» está configurado).



Sintaxis CSS

desbordamiento: visible | oculto | desplazamiento | automático | inicial | heredar;

Valores de propiedad

Valor Descripción Juegalo
visible El desbordamiento no está recortado. Se renderiza fuera de la caja del elemento. Esto es predeterminado Juegalo «
oculto El desbordamiento se recorta y el resto del contenido será invisible Juegalo «
Desplazarse El desbordamiento está recortado, pero se agrega una barra de desplazamiento para ver el resto del contenido Juegalo «
auto Si se recorta el desbordamiento, se debe agregar una barra de desplazamiento para ver el resto del contenido Juegalo «
inicial Establece esta propiedad en su valor predeterminado. Leer acerca de inicial Juegalo «
heredar Hereda esta propiedad de su elemento padre. Leer acerca de heredar

páginas relacionadas

Tutorial de CSS: desbordamiento de CSS

Tutorial CSS: posicionamiento CSS

Referencia HTML DOM: propiedad de desbordamiento

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Consultor de desarrollo empresarial | Clase de | Carreras

java.util.Date – Javatpoint