css textarea resize

.resize-both {
    -moz-resize: both;
    -webkit-resize: both;
    resize: both;
}
.resize-vertical {
    -moz-resize: vertical;
    -webkit-resize: vertical;
    resize: vertical;
}
.resize-horizontal {
    -moz-resize: horizontal;
    -webkit-resize: horizontal;
    resize: horizontal;
}
.resize-none {
    -moz-resize: none;
    -webkit-resize: none;
    resize: none;
}

html:

<div class="well">
    <p><textarea class="input-large resize-both" id="textarea" rows="3">resize: both;</textarea></p>
    <p><textarea class="input-large resize-vertical" id="textarea" rows="3">resize: vertical;</textarea></p>
    <p><textarea class="input-large resize-horizontal" id="textarea" rows="3">resize: horizontal;</textarea></p>
    <p><textarea class="input-large resize-none" id="textarea" rows="3">resize: none;</textarea></p>
</div>​

Leave a Reply

Your email address will not be published. Required fields are marked *