집 >웹 프론트엔드 >CSS 튜토리얼 >CSS 텍스트를 선택 불가능하게 설정하는 방법

CSS 텍스트를 선택 불가능하게 설정하는 방법

藏色散人원래의: 2021-09-13 11:50:0716956검색

CSS 텍스트를 선택 불가능하게 설정하는 방법: 1. HTML 샘플 파일을 생성합니다. 2. div를 만들고 텍스트 콘텐츠를 정의합니다. 3. "user-select: none;" 속성을 설정하여 텍스트를 선택할 수 없도록 설정합니다.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

CSS 텍스트를 선택 불가능하게 설정하는 방법은 무엇입니까?

Css - 텍스트를 선택할 수 없도록 설정 예:

<!DOCTYPE HTML>
<html>
<head>
<title>Creating non-selectable text using CSS</title>
<style type="text/css">
div {
margin-bottom: 20px;
padding: 10px;
background: rgba(10%, 10%, 10%, 0.3);
-moz-border-radius: 15px;
border-radius: 15px;
}
div#d2 {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
font-style: italic;
}
</style>
</head>
<body>
<div id="d1">文字可以选择</div>
<div id="d2">文字不可选</div>
</body>
</html>

Rendering:

CSS 텍스트를 선택 불가능하게 설정하는 방법

Css 텍스트를 선택할 수 없도록 설정 user-select 속성을 사용하세요. user-select属性。

user-select

user-select 속성 소개:

user-select 속성은 요소의 텍스트를 선택할 수 있는지 여부를 지정합니다.

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

CSS 구문

user-select: auto|none|text|all;

속성 값

value
auto 기본값. 브라우저에서 허용하는 경우 텍스트를 선택할 수 있습니다.
none은 텍스트 선택을 방지합니다.
텍스트 텍스트는 사용자가 선택할 수 있습니다.
all 더블클릭 대신 텍스트를 선택하려면 클릭하세요.

관련 확장:

1990년 Tim Berners-Lee와 Robert Cailliau가 공동으로 웹을 발명했습니다. 1994년에 웹은 실제로 실험실에서 탄생했습니다.

HTML이 발명된 이래로 스타일은 다양한 형태로 존재해 왔습니다. 다양한 브라우저는 자신만의 스타일 언어를 결합하여 사용자에게 페이지 효과를 제어할 수 있는 기능을 제공합니다. 원본 HTML에는 몇 가지 표시 속성만 포함되어 있습니다.

HTML의 성장과 함께 페이지 디자이너의 요구 사항을 충족하기 위해 HTML에는 많은 표시 기능이 추가되었습니다. 그러나 이러한 기능이 증가함에 따라 HTML은 점점 더 복잡해지고 HTML 페이지는 점점 더 비대해집니다. 그래서 CSS가 탄생했습니다.

이하쿤은 1994년에 CSS의 원래 제안을 제안했습니다. 당시 Bert Bos는 Argo라는 브라우저를 디자인하고 있었기 때문에 CSS를 함께 디자인하기로 결정했습니다.

사실 당시 인터넷 업계에서는 이미 스타일 시트 언어를 통합하자는 제안이 있었지만, "캐스케이딩(Cascading)"이라는 풍부한 의미를 지닌 최초의 스타일 시트 언어는 CSS였습니다. CSS에서는 한 파일의 스타일이 다른 스타일 시트에서 상속될 수 있습니다. 독자는 어떤 곳에서는 자신이 선호하는 스타일을 사용할 수 있고 다른 곳에서는 작가의 스타일을 상속하거나 "계단식" 적용할 수 있습니다. 이러한 계층적 접근 방식은 작성자와 독자 모두에게 자신만의 디자인을 추가하고 모두가 좋아하는 것을 혼합할 수 있는 유연성을 제공합니다.

하쿤은 1994년 시카고 컨퍼런스에서 CSS를 처음 제안했습니다. CSS는 1995년 www 네트워크 컨퍼런스에서 다시 제안되었습니다. 보스는 CSS를 지원하는 아르고 브라우저의 예를 시연했고, 하쿤도 CSS를 지원하는 아레나 브라우저를 선보였습니다.

같은 해에 W3C 조직(World WideWeb Consortium)이 설립되었습니다. CSS의 모든 창의적인 구성원이 W3C 작업 그룹이 되어 CSS 표준 개발에 총력을 기울였습니다. 마침내 올바른 궤도에 올랐습니다. . Microsoft의 Thomas Reaxdon을 비롯한 점점 더 많은 회원이 참여했으며 이들의 노력은 결국 Internet Explorer 브라우저에서 CSS 표준을 지원하게 되었습니다. 하쿤, 페르시아 등이 이 프로젝트의 주요 기술 리더입니다. 1996년 말 CSS의 첫 번째 초안이 완성되었으며 같은 해 12월에 Cascading Style Sheets(Cascading Style Sheets Level 1)에 대한 첫 번째 공식 표준이 완성되어 w3c에서 권장되는 표준이 되었습니다.

1997년 초, CSS를 담당하는 W3C 워킹 그룹은 첫 번째 버전에서 다루지 않은 문제를 논의하기 시작했습니다. 논의의 결과로 1998년 5월에 출판된 CSS 사양의 두 번째 판이 탄생했습니다.

추천 학습: "css 동영상 튜토리얼
"

🎜

위 내용은 CSS 텍스트를 선택 불가능하게 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：CSS에서 행 요소를 블록 요소로 변환하고 블록 요소를 행 요소로 변환하는 방법다음 기사：CSS에서 행 요소를 블록 요소로 변환하고 블록 요소를 행 요소로 변환하는 방법