Content

Content

개요 : 이 속성은 요소의 앞(:before)과 뒤(:after)에 생성할 내용을 지정한다.

정의

content	설명
값	[ <문자열?> | <uri?> | <counter?> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
기본값	빈 문자열
적용대상	:before , :after 가상 요소
상속	안됨
백분율	사용 불가
미디어	all?

값

값	설명
문자열	글자를 지정한다.
uri	외부 경로를 지정한다.
counter	자동으로 번호를 추가하도록 지정한다.
open-quote	인용 부호의 시작 부호를 지정한다. (예: ",')
close-quote	인용 부호의 종료 부호를 지정한다. (예: ",')
no-open-quote	인용 부호의 시작 부호를 지정하지 않는다.
no-close-quote	인용 부호의 종료 부호를 지정하지 않는다.
attr(x)	요소의 속성(attribute) X의 값을 지정한다.
inherit	부모 요소의 값을 상속하도록 지정한다.

• 'display' 속성으로 생성된 내용이 block, inline, list-item 형식으로 출력되도록 지정할 수 있다.
• 'run-in' 또는 'compact' 요소는 'inline' 형식의 한 :before 가상 요소를 갖는다.
• 'run-in' 또는 'compact' 요소는 'inline' 형식의 한 :after 가상 요소를 갖는다.
• 'run-in' 또는 'compact' 요소는 'block' 형식의 한 :before 가상 요소를 갖는다.
• 'run-in' 또는 'compact'요소는 'inline' 형식의 한 :after 가상 요소를 갖는다.
• 'run-in' 또는 'compact' 요소 다음의 요소는 'block' 형식의 :before 를 갖는다.
• 'run-in' 또는 'compact' 요소 다음의 요소는 'inline' 형식의 :before 를 갖는다.