css textarea resize

<style>
.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;
}
​</style>

<style> .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; } ​</style>

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

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