CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS 함수(Function)CSS 선택자 전체 매뉴얼

CSS3 ::selection 선택자

::selection CSS 가상 요소는 사용자가 강조한 문서의 일부에 적용됩니다(예: 마우스나 다른 선택 장치로 선택한 부분).

전체 CSS 선택자 참조 매뉴얼

온라인 예제

선택된 텍스트를 파란색으로 설정하려면:

예제

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
color:#0000ff;
}
::-moz-selection
{
color:#0000ff;
}
</style>
</head>
<body>
<h1>이 페이지의 일부 텍스트를 선택해 보세요.</h1>
<p>일부 텍스트.</p>
<div>이 div 요소에 포함된 일부 텍스트.</div>
<a href="//ko.oldtoolbag.com/" target="_blank">링크oldtoolbag.com!/a>
</body>
</html>

테스트를 보세요.‹/›

정의 및 사용법

::selection {
　　background-color: cyan;
}

::selection 선택자는 사용자가 선택하거나 강조된 요소의 일부와 일치합니다。

::selection은 대부분의 CSS 속성에 적용될 수 없습니다: color, background, cursor, 및 outline。

브라우저 호환성

IEFirefoxOperaChromeSafari

E9+, Opera, Google Chrome 및 Safari가 ::selection 선택자를 지원합니다。

Firefox는 그 개인 속성 ::를 통해-moz-selection 지원。

전체 CSS 선택자 참조 매뉴얼

CSS 함수(Function)CSS 선택자 전체 매뉴얼