티스토리 뷰

카테고리 없음

css after, before

실전압축코딩 2023. 2. 23. 22:01

CSS 가상 요소 "::before"와 "::after" 완벽 정리 (tistory.com)

 

CSS 가상 요소 "::before"와 "::after" 완벽 정리

가상 요소와 가상 클래스 CSS 가상 요소는 선택자로 선택한 요소의 뒤에 붙여 표기하는 미리 약속된 키워드를 말합니다. 요소의 특정한 부분에 정해진 기능을 하도록 가상 요소 키워드 별로 미리

blogpack.tistory.com

 

::before 요소 내용 앞쪽에 새 컨텐츠를 추가.
::after 요소 내용 끝에 새 컨텐츠를 추가.
::selection 마우스 드래그로 선택한 텍스트 컨텐츠 영역을 선택.
::marker 목록 아이템 앞에 붙는 마커를 선택.
::first-letter 현재 웹 브라우저에 보이는 상태를 기준으로 요소의 텍스트 컨텐츠 첫 글자를 선택.
::first-line 현재 웹 브라우저에 보이는 상태를 기준으로 요소의 텍스트 컨텐츠 첫 줄 내용을 선택.