CSS3 overflow-yPropiedad
Ejemplo
Si desborda el área de contenido del elemento, recorta el contenido de los bordes superior/inferior del elemento div:
div
{
overflow-y:hidden;
}
{
overflow-y: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- indica la primera versión del navegador que admite la propiedad con ese prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| overflow-y | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
Definición de propiedad e instrucciones de uso
La propiedad overflow-y especifica si se recorta el contenido de los bordes superior/inferior cuando desborda el área de contenido del elemento.
Consejo:Useoverflow-xla propiedad para determinar si los bordes izquierdo/derecho se recortan.
| Valor predeterminado: | visible |
|---|---|
| Heredado: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.overflowY="scroll" |
Sintaxis
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
| Valor | Descripción |
|---|---|
| visible | No recorta el contenido, que puede mostrarse fuera del cuadro de contenido. |
| hidden | Recorta el contenido: no proporciona un mecanismo de desplazamiento. |
| scroll | Recorta el contenido: proporciona un mecanismo de desplazamiento. |
| auto | Si el contenido desborda el cuadro, 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. |