CSS 가상요소 - before, after

대표적으로 사용되고 있는 가상요소 요소 소개 ::first-line 요소의 텍스트에서 첫 줄에 스타일을 적용한다. ::first-letter 요소의 첫 번째 글자에 스타일을 적용한다. ::before 요소의 콘텐츠 시작부분에 생성된 콘텐츠를 추가한다. ::after 요소의 콘텐츠 끝부분에 생성된 콘텐츠를 추가한다. ::selection 요소의 텍스트에서 사용자에 의하여 선택(드래그)된 영역의 속성을 변경한다. ::placeholder input 필드에 힌트 텍스트에 스타일을 적용한다. ::before 실제 내용 바로 앞에서 생성되는 자식 요소 ::after 실제 내용 바로 뒤에서 생성되는 자식 요소 content before과 after를 사용할 때는 무조건 content라는 속성이 필요하다. content는 가짜 속성을 의미한다. HTML 문서에 정보로 포함되지 않는 요소를 CSS에서 새롭게 생성시켜주기 때문이다. content를 사용할 때 사용되는 대표적인 속성들 속성 사용 no...

원문링크 : CSS 가상요소 - before, after