티스토리 뷰

프로그래밍/CSS 3.0

가상요소 - selection

쇠주는참이슬 2012. 3. 20. 10:49
selection
글자들이 있을때 마우스로 드래그 했을시에 디폴트로 나오는 푸르딩딩한 색을 컨트롤 가능.
즉 사용자가 선택한 부분에 스타일을 적용한다.


<style>
p::selection{

background:#f00;

} 
</style>


<body>
<section>
<h1>테스트</h1>
<p> 하나둘셋넷 </p>
<p> 둘둘셋넷 </p>
셋둘셋넷
</section>

</body>


위에 소스를 보면 p 태그가 선택이 되면 p 태그로 되어있는 부분에 스타일을 적용할수 있다.
셀렉션앞에 아무것도 붙이지않으면 문서 전체가 해당됨 

'프로그래밍 > CSS 3.0' 카테고리의 다른 글

first-child, last-child  (0) 2012.03.20
가상요소 before, after  (0) 2012.03.20
border-radius 테두리를 둥글게 하는 스타일  (0) 2012.03.20
target (타겟)  (0) 2012.03.20
nth-child 속성 가상클래스  (0) 2012.03.19
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/04   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함