| » 회원가입 | » 아이디/비밀번호찾기 |
크롬 및 사파리에서 아래 그림과 같이 textarea를 사용자가 임의로 변경할수 있도록 되어 있습니다.
이를 막는 CSS는 다음과 같습니다.
textarea { resize: none; }
위 CSS는 전체 textarea의 리사이징을 막는 CSS이며 foo라는 이름을 가진 TEXTAREA만 막기 위해선 아래와 같이 사용 하시면 됩니다.
textarea[name=foo] { resize: none; }
크롬과 사파리에서의 문제점은 위와 같이 막을 수 있으나 CSS 2 Validation을 체크하게 되면 아래와 같은 에러가 발생 합니다.
Property resize doesn’t exist in CSS level 2.1 but exists in [css3] : none
즉 현재 많이 사용되고 있는 CSS 2에서는 지원되지 않는 프로퍼티이며 CSS 3부터는 지원한다는 이야기 입니다. 현재 위 프로퍼티는 Webkit 엔진을 가진 브라우저에서만 사용 가능 하나 Validation 체크 결과가 중요하지 않다면 위 예제처럼 사용하셔도 무방하겠군요.
이 글이 도움이 않되셨더라도 왼쪽 아래에 있는 손 모양의 추천을 눌러주세요...^^