html textarea 영역 크기 조절 방지

html textarea 영역의 사이즈를 조절(드래그하여 영역 크기를 조절)하는 부분을 없앨 때는 textarea 코드에 resize 스타일 속성을 추가하면 됩니다.

<textarea style="resize: none;"></textarea>

이렇게 하면 위 사진의 드래그 가능한 영역이 제거되어 고정된 크기로 나타나게 됩니다.

해당 옵션만으로만 설정하면 textarea 크기가 매우 작아지므로 style 속성에 width, height 를 추가하거나 별도의 css 스타일을 지정해주어야 합니다.

너비 또는 높이에 대해서만 크기 조절 방지

위 코드를 적용하면 textarea의 너비와 높이 조절이 모두 제한되게 됩니다. 그러나 너비만 제한하고 싶다면(또는 높이만 제한) 아래 방법으로도 설정이 가능합니다.

동일한 방법으로 resize 속성을 지정합니다.

<!-- 높이 및 너비 조절 모두 가능하도록 처리 -->
<textarea style="resize: both;"></textarea>
<!-- 높이 조절만 가능하도록 처리 -->
<textarea style="resize: vertical;"></textarea>
<!-- 너비 조절만 가능하도록 처리 -->
<textarea style="resize: horizontal;"></textarea>

The post [HTML] textarea 영역 크기 조절 방지 하기 appeared first on JooTC.