[selector] CSS - ::selection 가상선택자 - 사용자가 선택한 영역 (= ::selection선택자) (가상요소, IE9)

 

<style>

::-moz-selection { /* Firefox */

  color: red;

  background: yellow;

}

::selection {

  color: red;

  background: yellow;

}

</style>

<h1>홈짱닷컴</h1>

<p>Homzzang.com</p>

<div>홈페이지 제작관리 + 서버관리</div>

 

결과보기

::selection 정의

 

요소 내에서 사용자가 더블클릭 또는 드래그해서 선택한 부분을 의미.

 

---

 

1.

::selection 선택자엔 아래 4가지 속성만 사용 가능.

color, background, cursor, outline 

 

2.

IE9 이상 주요 최신브라우저 모두 지원.

 

::selection 구문

 

::selection { css declarations; }

 

---

 

[특정선택자에 적용할 때]

selector::selection { css declarations; }