daily-story
[css] 크롬에서 textarea 세로 크기 조절만 가능하게 변경하기
프로그래밍 2015. 8. 20. 17:00

크롬에서는 ie와는 다르게 textarea의 오른쪽 아래를 마우스로 드래그해서 크기 조절이 가능한데요, 이 기능으로 인해서 팝업창이라던지 기타 페이지에서 레이아웃이 틀어지는 경우가 가끔 있습니다. 세로로 크기 조절하는 것은 스크롤바가 생기니 레이아웃과 무관하여 정비중인 솔루션에 적용했습니다. 이 부분을 적용하는 것은 css에 resize속성을 주면 됩니다. 속성은 총 다섯개입니다. none : 조절 불가 both : 가로/세로 조절 가능 horizontal : 가로 조절만 가능 vertical : 세로 조절만 가능 inherit : 부모에게서 상속 textarea { resize: vertical; }