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>​