[CSS] user-select

Dohee Kang·2023년 11월 4일
0

CSS

목록 보기
3/3

1. user-select

  • 텍스트를 선택했을 때의 동작을 설정

2. 예시

1️⃣ auto (default)
: 더블 클릭하거나 드래그할 경우 해당 텍스트가 선택된다.

<div style="user-select: auto">텍스트를 더블 클릭 or 드래그 !</div>

2️⃣ all
: 해당 텍스트를 클릭할 경우 전체 텍스트가 선택된다.

<div style="user-select: all">텍스트 클릭 !</div>

3️⃣ none
: 해당 텍스트를 클릭하거나 드래그 해도 선택되지 않는다.

<div style="user-select: none">텍스트 선택 X</div>

4️⃣ text
: auto와 같이 더블 클릭하거나 드래그할 경우 해당 텍스트가 선택된다.

<div style="user-select: text">텍스트를 더블 클릭 or 드래그 !</div>
profile
오늘은 나에게 어떤 일이 생길까 ✨

0개의 댓글