daily-story
반응형

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

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

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

속성은 총 다섯개입니다.


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


textarea {
    resize: vertical;
}
반응형
profile

daily-story

@덜구

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!