Diferentes formas de customizar la propiedad «resize» de css que permite redimensionar los textarea de los formularios.

La propiedad resize de css tiene estos 4 valores:

  • resize: both;
  • resize: horizontal;
  • resize: vertical;
  • resize: none;

Unos ejemplos de uso:

both: Redimensiona el textarea horizontal y verticalmente

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<textarea style="resize: both;">resize both</textarea>
<textarea style="resize: both;">resize both</textarea>
<textarea style="resize: both;">resize both</textarea>

horizontal: Redimensiona el textarea horizontalmente

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<textarea style="resize: horizontal;">resize horizontal</textarea>
<textarea style="resize: horizontal;">resize horizontal</textarea>
<textarea style="resize: horizontal;">resize horizontal</textarea>

vertical: Redimensiona el textarea verticalmente

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<textarea style="resize: vertical;">resize vertical</textarea>
<textarea style="resize: vertical;">resize vertical</textarea>
<textarea style="resize: vertical;">resize vertical</textarea>

none: NO Redimensiona el textarea

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<textarea style="resize: none;">resize none</textarea>
<textarea style="resize: none;">resize none</textarea>
<textarea style="resize: none;">resize none</textarea>

Agradezco tu comentario 🤘