TIL _ ::selection 과 user-select

1. ::selection

2. user-select

1. ::selection

🔑 ::selection 는 가상 요소(pseudo-element)로써 사용자가 텍스트를 드래그하여 선택했을 때의 스타일을 지정하기 위해 사용합니다.

🔑 color, background-color, text-decoration, text-shadow 속성으로 원하는 요소에 스타일을 부여할 수 있습니다.
(text-decoration 속성이 적용되지 않는 것으로 보여 원인을 파악 중입니다.)

2. user-select

🔑 user-select 속성은 사용자가 텍스트를 선택할 수 있는지 지정하는데 사용됩니다.

🔑 속성 값으로는 none, text, all, auto 등을 부여할 수 있습니다.

• none : 텍스트를 드래그 하거나 선택할 수 없습니다.
• text : 텍스트를 드래그 하거나 더블클릭하여 선택할 수 있습니다.
• all : 한 번 클릭으로 텍스트를 선택할 수 있습니다.
• auto: 요소에 편집 가능한 텍스트가 포함되어 있으면 텍스트를 선택할 수 있습니다. 그렇지 않은 경우에는 부모 요소의 값에 의해 선택이 결정됩니다.

• 참고자료
  - MDN ::selection, https://developer.mozilla.org/en-US/docs/Web/CSS/::selection
  - MDN user-select, https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
  
  

"작성 내용 중 오류나 오타가 있다면, 댓글로 알려주시면 감사하겠습니다. 주니어 개발자에게 남겨주시는 작은 피드백이 큰 도움이 될 것 같습니다. 고맙습니다 :)"