CSS에서 텍스트 영역 크기 조정을 비활성화하거나 제어하려면 어떻게 해야 합니까?

텍스트 영역 크기 조정 비활성화

텍스트 영역 작업 시 사용자의 크기 조정 기능을 제한해야 할 수도 있습니다. 기본 동작을 통해 사용자는 오른쪽 하단 모서리를 클릭하고 드래그하여 텍스트 영역의 높이와 너비를 조정할 수 있습니다.

이 크기 조정 기능을 비활성화하려면 다음 CSS 규칙을 구현하세요.

textarea {
  resize: none;
}

이 규칙은 사용자가 페이지의 텍스트 영역 요소 크기를 조정하는 것을 방지합니다. 그러나 특정 텍스트 영역에 대해서만 크기 조정을 비활성화해야 하는 경우 대체 방법을 사용할 수 있습니다.

• 클래스 속성: HTML 태그의 클래스 속성을 사용하여 텍스트 영역의 크기 조정을 비활성화합니다. 특정 텍스트 영역 집합.

.textarea1 {
  resize: none;
}

• 이름 속성: 특정 이름 속성을 가진 텍스트 영역의 크기 조정을 비활성화합니다.

textarea[name=foo] {
  resize: none;
}

• ID 속성: 특정 ID 속성을 가진 텍스트 영역의 크기 조정을 비활성화합니다. .

#foo {
  resize: none;
}

또한 크기 조정 유형을 지정할 수 있습니다. 다음 값을 사용하여 적용하려는 제한 사항:

• 없음(기본값): 모든 크기 조정을 비활성화합니다.
• 둘 다: 둘 다 허용합니다. 가로 및 세로 크기 조정.
• 가로:만 가로 크기 조정을 허용합니다.
• vertical: 세로 크기 조정만 허용합니다.
• inherit: 상위 요소에서 크기 조정 속성을 상속합니다.

크기 조정 속성은 오버플로 속성이 다음으로 설정되지 않은 경우에만 텍스트 영역의 동작에 영향을 미친다는 점을 기억하세요. 표시됩니다(기본값). 크기 조정 속성을 사용하려면 일반적으로 오버플로를 스크롤하도록 설정해야 합니다.

위 내용은 CSS에서 텍스트 영역 크기 조정을 비활성화하거나 제어하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!