textarea not resizable css code example
Example 1: prevent textarea resize css
textarea {
resize: none;
}
Example 2: disable textarea resize
textarea {
resize: none;
}
#foo {
resize: none;
}
Example 3: make textarea not resizable
You can either apply this as an inline style property like so:
<textarea style="resize: none;"></textarea>
or in between
<style>...</style> element tags like so:
textarea { resize: none; }
Example 4: Textarea disable resize CSS
to disable all
textarea { resize: none; }
only vertical resize
textarea { resize: vertical; }
only horizontal resize
textarea { resize: horizontal; }
disable vertical and horizontal with limit
textarea { resize: horizontal; max-width: 400px; min-width: 200px; }
disable horizontal and vertical with limit
textarea { resize: vertical; max-height: 300px; min-height: 200px; }