CSS 텍스트영역(<textarea>) 크기 조절 차단하기

입력 폼 필드 중 텍스트영역(< textarea>)은 자동 크기 조절 속성이 있기 때문에 웹페이지에서 텍스트영역의 크기를 사용자가 조정할 수 있습니다.

기본 크기가 너무 작거나, 입력할 내용이 많아서 큰 텍스트 영역을 필요하면 마우스 드래그로 오른쪽 아래의 컨트롤을 당겨서 크기를 더 늘릴 수 있습니다.

텍스트영역(< textarea>) 의 크기 조절이 되지 않도록 막으려면 다음처럼 텍스트영역에 "resize" 속성을 부여하면 됩니다.

textarea{
	resize: none;
}

"none" 속성을 부여한 텍스트영역은 영역 오른쪽 하단의 크기 조절 컨트롤이 사라지고 처음 정해진 크기로만 표시됩니다.

"resize" 속성 값은 "both", "horizontal", "vertical", "none" 4가지가 가능하며, 속성 값 그대로 양방향 크기조절(both - 기본 값), 수평 방향으로만(horizontal), 수직 방향으로만(vertical), 조절 없음(none) 속성을 텍스트영역에 부여합니다.