daily-story

[css] 크롬에서 textarea 세로 크기 조절만 가능하게 변경하기

크롬에서는 ie와는 다르게 textarea의 오른쪽 아래를 마우스로 드래그해서 크기 조절이 가능한데요,
이 기능으로 인해서 팝업창이라던지 기타 페이지에서 레이아웃이 틀어지는 경우가 가끔 있습니다.

세로로 크기 조절하는 것은 스크롤바가 생기니 레이아웃과 무관하여 정비중인 솔루션에 적용했습니다.

이 부분을 적용하는 것은 cssresize속성을 주면 됩니다.

속성은 총 다섯개입니다.


  • none : 조절 불가
  • both : 가로/세로 조절 가능
  • horizontal : 가로 조절만 가능
  • vertical : 세로 조절만 가능
  • inherit : 부모에게서 상속


textarea {
    resize: vertical;
}

카테고리의 다른 글

댓글 0