Properties

Properties

Editing
  • account_tree
  • bug_report

user-select

텍스트가 블럭으로 선택되는 여부를 설정할 수 있다.

사용 가능한 값 타입

<'user-select'>

DEVDIC-Specified Data Types

user-select 속성에 사용되는 타입이다.

  • CSS Basic User Interface Module Level 4
    auto | text | none | contain | all

사용되는 키워드

  • all

    요소의 내용은 원자적으로 선택된다. 선택 항목에 요소의 일부가 포함되는 경우 선택 항목에는 모든 하위 항목을 포함하여 전체 요소가 포함되어야 한다. 하위 요소에서 더블클릭 또는 컨텍스트 클릭이 발생한 경우 이 값을 가진 가장 높은 조상 요소가 선택된다.

  • auto

    ::before 및 ::after 가상 요소에서 사용된 값은 none과 같다. 편집 가능한 요소의 경우는 contain으로 처리된다. 부모 요소에서 all 또는 none 값을 사용했다면 각각 allnone 값으로 사용된다. 그 외는 text 값을 갖는다.

  • contain

    요소 내에서 시작하도록 선택을 활성화한다. 그러나 선택 항목은 해당 요소의 범위에 포함된다.

  • none

    선택을 허용하지 않는다.

  • text

    요소는 선택 항목에 제한을 두지 않는다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'user-select'〉auto
    CSS Basic User Interface Module Level 4

    ::before 및 ::after 가상 요소에서 사용된 값은 none과 같다. 편집 가능한 요소의 경우는 contain으로 처리된다. 부모 요소에서 all 또는 none 값을 사용했다면 각각 allnone 값으로 사용된다. 그 외는 text 값을 갖는다.

  • 요소의 내용은 원자적으로 선택된다. 선택 항목에 요소의 일부가 포함되는 경우 선택 항목에는 모든 하위 항목을 포함하여 전체 요소가 포함되어야 한다. 하위 요소에서 더블클릭 또는 컨텍스트 클릭이 발생한 경우 이 값을 가진 가장 높은 조상 요소가 선택된다.

  • 요소 내에서 시작하도록 선택을 활성화한다. 그러나 선택 항목은 해당 요소의 범위에 포함된다.

  • 선택을 허용하지 않는다.

  • 요소는 선택 항목에 제한을 두지 않는다.

구문

  • user-select: none;
    CSS Basic User Interface Module Level 4
  • element.style.userSelect = "none";
    CSS Basic User Interface Module Level 4

테스트 도구

텍스트 선택 여부 설정 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Basic User Interface Module Level 4

Last review date: 2022-11-25

지원 웹브라우저