>  기사  >  웹 프론트엔드  >  CSS의 텍스트를 읽기 전용이고 복사할 수 없도록 설정하는 방법

CSS의 텍스트를 읽기 전용이고 복사할 수 없도록 설정하는 방법

王林
王林원래의
2020-11-19 11:15:474007검색

CSS의 텍스트를 읽기 전용 및 복사 불가능으로 설정하는 방법: [user-select: none;]과 같이 user-select 속성을 사용하여 설정할 수 있습니다. user-select 속성은 사용자가 텍스트를 선택할 수 있는지 여부를 설정하거나 검색하는 데 사용됩니다. 없음은 텍스트를 선택할 수 없음을 의미합니다.

CSS의 텍스트를 읽기 전용이고 복사할 수 없도록 설정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

css 설정 텍스트는 복사할 수 없으며 읽기 전용입니다.

관련 속성:

user-select 속성은 사용자가 텍스트를 선택할 수 있는지 여부를 설정하거나 검색합니다.

(학습 영상 공유: css 영상 튜토리얼)

문법:

user-select:none |text| all | element

속성 값:

none: 텍스트를 선택할 수 없음

text: 텍스트를 선택할 수 있음

all: 모든 콘텐츠를 다음과 같이 받아들일 때 전체를 선택할 수 있습니다. 하위 요소를 두 번 클릭하거나 상황에 따라 클릭하면 선택한 부분은 해당 하위 요소에서 역추적되는 가장 높은 상위 요소가 됩니다.

요소: 텍스트를 선택할 수 있지만 선택 범위는 요소 경계에 의해 제한됩니다.

예:

-moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */

관련 권장 사항: CSS 튜토리얼

위 내용은 CSS의 텍스트를 읽기 전용이고 복사할 수 없도록 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.