• Q&A
  • 수강신청
  • 회원가입
  • 로그인

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

::selection 예제

 

<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; }

 



자동로그인
Since 2012