English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo resize CSS especifica si el elemento puede ser ajustado en tamaño por el usuario (si es posible) y en qué dirección se puede ajustar.
La siguiente tabla describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso de este atributo en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplique a: | visibledesbordamientoelementos |
| Herencia: | No |
| Animable: | No.Ver: Atributos de animación。 |
| Versión: | CSS3nueva característica |
| JavaScript syntax: | object.style.resize="both" |
La sintaxis de este atributo es la siguiente:
resize: none | both | horizontal | vertical | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo resize.
textarea {
resize: none;
}
div {
resize: both;
overflow: auto;
}Prueba aquí‹/›Nota: El atributo resize se aplica a un elemento, el cálculooverflowEl valor es visible. Si overflow en el eje específico (es deciroverflow-xvs. overflow-y）es diferente, este atributo se aplica a las dimensiones visibles sin valor.
La siguiente tabla describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| none | El usuario no puede ajustar el tamaño del elemento. Este es el valor predeterminado. |
| both | El elemento muestra un mecanismo de ajuste de tamaño bidireccional para permitir que el usuario ajuste la altura y el ancho del elemento. |
| horizontal | El elemento muestra un mecanismo de ajuste de tamaño horizontal unidireccional para permitir que el usuario ajuste solo el ancho del elemento. |
| vertical | El elemento muestra un mecanismo de ajuste de tamaño vertical unidireccional para permitir que el usuario ajuste solo la altura del elemento. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor del atributo resize del elemento padre. |
La compatibilidad del navegador del atributo resize, los números en la siguiente tabla representan la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales:CSS Overflow。
Atributos relacionados:overflow，overflow-x，overflow-y