> 웹 프론트엔드 > 프런트엔드 Q&A > CSS 글꼴 복사 불가능한 코드는 무엇입니까?

CSS 글꼴 복사 불가능한 코드는 무엇입니까?

藏色散人
풀어 주다: 2023-01-28 14:16:59
원래의
2077명이 탐색했습니다.

Css 글꼴 복사할 수 없는 코드는 "-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; -o-입니다. user-select:none;user-select:none;", 여기서 "user-select" 속성은 요소의 텍스트를 선택할 수 있는지 여부를 지정합니다.

CSS 글꼴 복사 불가능한 코드는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3 버전, DELL G3 컴퓨터

CSS 글꼴에 대한 복사 불가능한 코드는 무엇입니까?

CSS를 사용하여 웹 페이지 텍스트를 읽기 전용 및 복사 불가능으로 설정하는 방법 구현

웹 페이지 텍스트를 복사 불가능으로 설정하는 방법 우리가 알고 있는 JS 구현 외에도 CSS로도 구현할 수 있습니다.

CSS에서는 본문 요소에 "user-select:none;" 스타일을 설정하여 텍스트를 복사할 수 없고 읽기만 가능하도록 설정할 수 있습니다.

CSS 설정은 텍스트 콘텐츠 복사를 허용하지 않습니다. 방법은 매우 간단합니다. CSS의 사용자 선택을 설정하면 목표를 달성할 수 있습니다.

-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属性 */
user-select属性设置或检索是否允许用户选中文本。
user-select的默认值是 text:可以选择文本
none:文本不被选择
로그인 후 복사

관련 소개:

사용자 선택 속성은 텍스트를 복사할지 여부를 지정합니다. 요소 중 하나를 선택할 수 있습니다.

웹 브라우저에서 텍스트를 두 번 클릭하면 해당 텍스트가 선택되거나 강조 표시됩니다. 이 속성은 이러한 동작을 방지하는 데 사용됩니다.

CSS 구문

user-select: auto|none|text|all;
로그인 후 복사

속성 값:

CSS 글꼴 복사 불가능한 코드는 무엇입니까?

권장 학습: "css 비디오 튜토리얼"

위 내용은 CSS 글꼴 복사 불가능한 코드는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿