You dont have javascript enabled! Please download Google Chrome!
INIDOG

html textarea 영역 크기 조절 방지 하기

textarea resize

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>

 

 

이 글에 대해 어떻게 생각하시나요?
유용한 포스트였나요? 여러분의 의견을 하단의 Vote와 댓글로 남겨주세요 🙂
유용합니다!
아쉽습니다.

여러분의 의견을 댓글로 남겨주세요.

avatar
error: 경고: 콘텐츠가 보호되고 있습니다. 복사 및 무단 사용을 금지합니다.