프로그래밍/CSS 3.0
가상요소 - selection
쇠주는참이슬
2012. 3. 20. 10:49
selection
글자들이 있을때 마우스로 드래그 했을시에 디폴트로 나오는 푸르딩딩한 색을 컨트롤 가능.
즉 사용자가 선택한 부분에 스타일을 적용한다.
<style>
글자들이 있을때 마우스로 드래그 했을시에 디폴트로 나오는 푸르딩딩한 색을 컨트롤 가능.
즉 사용자가 선택한 부분에 스타일을 적용한다.
<style>
p::selection{
background:#f00;
}
background:#f00;
}
</style>
<body>
<section>
<h1>테스트</h1>
<p> 하나둘셋넷 </p>
<p> 둘둘셋넷 </p>
셋둘셋넷
</section>
</body>
위에 소스를 보면 p 태그가 선택이 되면 p 태그로 되어있는 부분에 스타일을 적용할수 있다.
셀렉션앞에 아무것도 붙이지않으면 문서 전체가 해당됨
<body>
<section>
<h1>테스트</h1>
<p> 하나둘셋넷 </p>
<p> 둘둘셋넷 </p>
셋둘셋넷
</section>
</body>
위에 소스를 보면 p 태그가 선택이 되면 p 태그로 되어있는 부분에 스타일을 적용할수 있다.
셀렉션앞에 아무것도 붙이지않으면 문서 전체가 해당됨