크롬 및 사파리에서 textarea 리사이징 막기[ 편집자 : Blueⓘ ]
2010년 02월 03일 오전 11시 18분 태그 : , / 조회수 : 438

크롬 및 사파리에서 아래 그림과 같이 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 체크 결과가 중요하지 않다면 위 예제처럼 사용하셔도 무방하겠군요.

이 글이 도움이 않되셨더라도 왼쪽 아래에 있는 손 모양의 추천을 눌러주세요...^^

엮인글 주소 : http://www.blueiblog.com/ko/archives/1937/trackback
  • 이 숫자를 스팸 방지키란에 입력하여 주세요.