미리보기

textarea 오른쪽 아래 모소리를 마우스로 잡고 늘려보세요.

html

<textarea name="" id="" class="none" />resize: none; /* 사용자 임의 변경 불가 */</textarea>
<textarea name="" id="" class="both" />resize: both; /* 사용자 변경이 모두 가능 */</textarea>
<textarea name="" id="" class="horizontal" />resize: horizontal; /* 좌우만 가능 */</textarea>
<textarea name="" id="" class="vertical" />resize: vertical; /* 상하만 가능 */</textarea>

css

textarea{width:300px;height:100px;padding:10px;font-size:14px;color:#666;line-height:1.6}
textarea.none{resize: none}
textarea.both{resize: both}
textarea.horizontal{resize: horizontal}
textarea.vertical{resize: vertical}