가상 요소 - by. UXKM

background-color, background-clip, background-image, background-origin, background-position, background-repeat, background-size, background-attachment, background-blend-mode

bword-spacing, bletter-spacing, btext-decoration, btext-transform, bline-height, btext-shadow, btext-decoration, btext-decoration-color, btext-decoration-line, btext-decoration-style, bvertical-align

none 내용에 아무것도 표시하지 않습니다.

::before{content:""} / ::before{content:""}

텍스트 내용. 일반 텍스트와 유니 코드 문자를 삽입 할 수 있습니다.

쌍따옴표("")또는 홀따옴표('') 안에 삽입해야 합니다.

외부 자원(이미지, 음악, 비디오 등)을 생성 합니다.

counter는 HTML문서에 쓰지 않고도, CSS로 숫자를 생성하면서 자동으로 번호를 매기는 역할을 합니다.

counter-increment, counter-reset 속성과 함께 사용합니다.

counter-increment , counter-reset 속성과 사용 방법은 CSS 카운터 에서 자세히 설명합니다.

CSS counter를 사용하려면 먼저 counter-reset 속성(초깃값 0)을 사용하여 초기화 해야합니다.
동일한 속성으로 값을 특정 값으로 바꿀 수도 있습니다.
초기화 된 counter의 값은 counter-increment에 따라 증가하거나 감소합니다.
counter의 이름으로 "none", "inherit", "initial"은 사용불가합니다. 이런 이름을 사용하면 선언은 무시됩니다.

counter와 counters가 있으며 문법은 다음과 같음 counters는 숫자를 좀더 세부적으로 지정합니다.(예. 1.1)

1. 5.1. counter(name, style)

   name만 쓸 경우 기본값 decimal(십진수) 적용함.

   style은 선택적임, style은 list-style-type과 동일한 값임, 즉 아래 중에서 선택

   list-style-type 속성
   (disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha, or none)

   사용 예) h1::before{content:counter(name, upper-roman);}

2. 5.2. counters(name, string, style)

   name, string 값은 필수 (기본값 decimal)

   string은 마침표(.)처럼 앞 뒤를 분리하기 위한 용도로 사용

   style은 선택적임

   사용 예) h1::before {content: counters(name, ".", upper-roman);}

선택자의 속성을 생성합니다.

여는 인용부호를 생성합니다.

닫는 인용부호를 생성합니다.

여는 인용부호를 없앱니다. (open-quote를 취소하기 위해 사용 됩니다.)

닫는 인용부호를 생성합니다.

기본값으로 설정합니다.

부모 요소 속성값을 상속합니다.