[CSS] textarea 크기 변경 불가능 resize : none

코드리뷰를 받으면서

<textatea />

를 사용하여 입력 폼을 만드는 작업을 하였는는데 그때 좋은 피드백을 받아서 공유를 하고자 한다 !

resize : none

웹사이트의 방문자가 textarea 태그의 박스크기, 사이즈를 임의로 수정을 못하게 하는 방법이다.

How?

textarea 태그는 주로 게시판이나 댓글에 사용되며,
이때 textarea 태그는 기본값으로 사용자가 임의 사이즈를 변경 가능하도록 되어있습니다.
이때 방문자가 임의변경을 못하게 하려면? 바로 css의 resize 속성값을 변경해야합니다.

EX)

CSS 에서 속성값을 주면 됩니다.

• resize: none; 사용자 임의 변경 불가
• resize: both; 사용자 변경이 모두 가능
• resize: horizontal; 좌우만 가능
• resize: vertical; 상하만 가능

일반적으로 반응형웹 페이지가 많기 때문에 좌우 width값의 변경은 Layout에 영향을 줄 수 있으므로 horizontal이 아닌 vertical이 많이 사용됩니다.