CSS
HTML
COMPONENTS
CODE HUB
Generador de Redimensionamiento de Caja CSS
Configuración
Tipo de Borde
Clase
Vista previa
Resize!
Código
Aprende a programar con Lara
Domina los conceptos de programación paso a paso con tu tutora de IA interactiva. Lara explica lógicas complejas, revisa tus ejercicios prácticos y te ayuda a construir una base sólida en el desarrollo de software.
Lecciones de programación interactivas adaptadas a tu propio ritmo.
Empezar a aprender con LaraGenerador de Redimensionamiento de Caja CSS
La propiedad resize en CSS se usa para controlar si un elemento HTML es redimensionable por el usuario. Se usa principalmente para elementos como áreas de texto e iframes que contienen contenido que puede necesitar ser redimensionado por el usuario.
La propiedad resize puede tener los siguientes valores:
.resizable-element {
resize: none;
}
ambos: El elemento se puede redimensionar tanto horizontal como verticalmente por el usuario.
.resizable-element {
resize: both;
}
horizontal: El elemento solo se puede redimensionar horizontalmente por el usuario.
.resizable-element {
resize: horizontal;
}
vertical: El elemento solo se puede redimensionar verticalmente por el usuario.
.resizable-element {
resize: vertical;
}
Aquí tienes un ejemplo de cómo usar la propiedad resize para hacer que un área de texto sea redimensionable por el usuario:
.resizable-textarea {
resize: both;
}
En este ejemplo, la clase .resizable-textarea permite a los usuarios redimensionar el área de texto tanto horizontal como verticalmente.
La propiedad resize es particularmente útil para mejorar la experiencia del usuario con elementos como áreas de texto, donde los usuarios podrían querer ajustar el tamaño del área de entrada en función de su contenido o preferencias.