Properties

Properties

Editing
  • account_tree
  • bug_report

content

가상 요소로 생성할 콘텐츠를 설정한다.

사용 가능한 값 타입

<'content'>

DEVDIC-Specified Data Types

content 속성에 사용되는 타입이다.

  • normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?
  • CSS Generated Content Module Level 3DEVDIC-Specified Data Types
    <escape-string>+
    특수 문자 코드를 사용하여 가상 요소를 생성한다.

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <escape-string>

    DEVDIC-Specified Data Types

    이스케이프(escape)된 문자열을 나타낸다.

    • DEVDIC-Specified Data Types
      "\any text"
    Details

    포함된 타입

    • <string>

      따옴표로 감싸진 데이터 유형을 표현한다.

      • "this is a 'string'."
      Details

      동일한 타입을 사용하는 관련 속성

      모든 속성을 표시하지 않을 수도 있다.

  • <content-list>

    요소 또는 가상 요소의 내부에 렌더링되는 콘텐츠를 지정하기 위한 하나 이상의 순서를 갖는 목록을 나타낸다. 렌더링이 되면 목록에 포함된 각 값은 순서대로 익명 인라인 상자(anonymous inline boxes)로 바뀐다.

    • CSS Generated Content Module Level 3
      [ <string> | contents | <image> | <counter> | <quote> | <target> | <leader> ]+

      contents 키워드에 대한 명확한 정의가 나타나 있지 않다. 해당 W3C 모듈 사양에는 다음과 같은 이슈를 표기했다.

      ISSUE: Should the contents keyword be replaced with content()?
    • DEVDIC-Specified Data Types
      [ <string> | <escape-string> | <image> | <counter> | <quote> | <target> | <leader> | <attr()> ]+

      해당 W3C 모듈 사양에 빠져있는 이스케이프(escape) 문자열 콘텐츠와  attr() 표기법을 추가했다.

    Details

    포함된 타입

    • <attr()>

      DEVDIC-Specified Data Types

      attr() 함수로 생성된 값을 나타낸다.

      • DEVDIC-Specified Data Types
        attr(<arg-attr>)
      Details

      포함된 타입

      • <arg-attr>

        DEVDIC-Specified Data Types

        attr() 함수를 사용하기 위한 매개 변수의 유형을 나타낸다.

        • CSS Values and Units Module Level 5
          <q-name> <attr-type>? , <declaration-value>?

          <q-name>은 참조될 속성명을 지정한다.

          <attr-type>은  생략이 가능하며 지정된 속성의 값이 사용되기를 원하는 가능한 타입을 지정한다. 가능한 타입은 제한적으로 정해졌으며 자세한 내용은 하위에 포함된 타입을 참조한다. 생략하면 기본값은 문자열이다.

          <declaration-value>는 폴백(fallback)으로 생략이 가능하며 속성이 없거나 지정된 유형으로 구문 분석을 하지 못하는 경우 대체 값으로 사용된다.

          <attr-type><declaration-value> 타입이 지정된 구문은 아직 유저 에이전트의 확인이 필요하다.
          Example
        • CSS2.1
          <q-name>

          속성의 값을 ::before 또는 ::after 가상 요소의 콘텐츠로 사용하는 일반적인 구문이다.

          (예)

          ::after {
            content: attr(data-title);
          }
          Example
        Details

        포함된 타입

        • <attr-type>

          속성 값이 어떤 종류의 CSS 값으로 해석될 것인지(attr() 함수의 결과 값 사용)와 해당 값에 어떤 특수 구문 분석이 수행될 것인지를 나타낸다.

          • CSS Values and Units Module Level 5
            string | url | ident | color | number | percentage |length | angle | time | frequency | flex | <dimension-unit>
          Details

          포함된 타입

          • <dimension-unit>

            리터럴 "%" 문자(값이 "%"인 <delim-token>)와 일치하거나 값이 <length>, <angle>, <time>, <frequency> 또는 <flex> 값(예: px 또는 ms)에 대한 CSS 단위 중 하나인 식별자와 일치한다.

          사용되는 키워드

          • angle

            타입이 <angle>인 값으로 해석된다.

          • color

            타입이 <color>인 값으로 해석된다.

          • flex

            타입이 <flex>인 값으로 해석된다.

          • frequency

            타입이 <frequency>인 값으로 해석된다.

          • ident

            타입이 <ident>인 값으로 해석된다.

          • length

            타입이 <length>인 값으로 해석된다.

          • number

            타입이 <number>인 값으로 해석된다.

          • percentage

            타입이 <percentage>인 값으로 해석된다.

          • string

            타입이 <string>인 값으로 해석된다.

          • time

            타입이 <time>인 값으로 해석된다.

          • url

            타입이 <url>인 값으로 해석된다.

        • <declaration-value>

          <declaration-value> 타입은 시퀀스에 허용되지 않는 토큰이 포함되지 않는 한 하나 이상의 토큰 시퀀스와 일치한다. 유효한 선언이 값으로 가질 수 있는 전체를 나타낸다.

          • CSS Custom Properties for Cascading Variables Module Level 1
            <declaration-value>?
        • <q-name>

          참조되는 속성의 이름을 나타낸다. 가상 요소에 적용되는 경우는 속성은 가상 요소의 원래 요소에서 참조된다.

      관련 함수

      모든 함수를 표시하지 않을 수도 있다.

    • <escape-string>

      DEVDIC-Specified Data Types

      이스케이프(escape)된 문자열을 나타낸다.

      • DEVDIC-Specified Data Types
        "\any text"
      Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.
      타입에 대한 자세한 설명은 다음 링크를 참조하라.[<escape-string>]
    • <counter>

      순번 매김같은 값을 문자열이나 이미지로 나타내는 counter()counters() 함수를 통해 생성된 값을 나타낸다.

      • <counter()> | <counters()>
      Details

      관련 함수

      모든 함수를 표시하지 않을 수도 있다.

    • <image>

      2차원 이미지를 나타낸다.

      • CSS Images Module Level 4
        <url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>

        <url>로 외부의 리소스를 연결하거나 <image-set()>, <cross-fade()>, <element()> 값으로 생성된다. 또한 그라디언트도 가능하다.

        현재 image()는 지원하지 않는다.

      Details

      포함된 타입

      • <gradient>

        두 가지 이상의 색상 간 점진적인 전환으로 구성된 특수한 유형의 이미지를 나타낸다.

        • background: linear-gradient(to right, #FF0000, #00FF00, #FFFF00);

          선형 그라데이션

          Example
        • background: radial-gradient(#FF0000, #00FF00, #FFFF00);

          원형 그라데이션

          Example
        Details

        관련 함수

        모든 함수를 표시하지 않을 수도 있다.

        동일한 타입을 사용하는 관련 속성

        모든 속성을 표시하지 않을 수도 있다.

        • background

          요소의 배경과 관련된 모든 속성을 한 번에 설정하는 속기 속성이다.

        • background-image

          선택자를 갖는 요소에 배경 이미지를 설정한다.

      • <url>

        이미지나 글꼴 등 리소스를 가리키는 문자열을 나타낸다.

        • CSS Values and Units Module Level 4
          <url()> | <src()>
        Details

        포함된 타입

        • <src()>

          src() 함수의 매개변수를 나타낸다.

          • CSS Values and Units Module Level 4
            src( <string> <url-modifier>* )
          Details

          포함된 타입

          • <string>

            따옴표로 감싸진 데이터 유형을 표현한다.

            • "this is a 'string'."
            Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.
            타입에 대한 자세한 설명은 다음 링크를 참조하라.[<string>]
          • <url-modifier>

            URL의 의미나 해석을 어떻게든 변경하는 타입이다.

        • <url()>

          url() 함수의 매개변수를 나타낸다.

          • CSS Values and Units Module Level 4
            url( <string> <url-modifier>*| <url-token>
          Details

          포함된 타입

          • <url-token>

            URL Token Railroad Diagrams

            <ident-token "url"> ( ws* not " ' ( ) \ ws or non-printable escape ws* )
          • <string>

            따옴표로 감싸진 데이터 유형을 표현한다.

            • "this is a 'string'."
            Details

            동일한 타입을 사용하는 관련 속성

            모든 속성을 표시하지 않을 수도 있다.

          • <url-modifier>

            URL의 의미나 해석을 어떻게든 변경하는 타입이다.

            Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.
            타입에 대한 자세한 설명은 다음 링크를 참조하라.[<url-modifier>]

        관련 함수

        모든 함수를 표시하지 않을 수도 있다.

        동일한 타입을 사용하는 관련 속성

        모든 속성을 표시하지 않을 수도 있다.

        • background-image

          선택자를 갖는 요소에 배경 이미지를 설정한다.

        • clip-path

          요소의 클리핑 범위를 설정한다.

      관련 함수

      모든 함수를 표시하지 않을 수도 있다.

    • <leader>

      • leader( <leader-type> )
      Details

      포함된 타입

      • <leader-type>

        leader() 함수의 매개 변수를 나타낸다.

        • dotted | solid | space | <string>
        Details

        포함된 타입

        • <string>

          따옴표로 감싸진 데이터 유형을 표현한다.

          • "this is a 'string'."
          Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.
          타입에 대한 자세한 설명은 다음 링크를 참조하라.[<string>]

        사용되는 키워드

        • dotted

          점(.)을 나타낸다.

        • solid

          언더바(_)를 나타낸다.

        • space

          공백을 나타낸다.

      관련 함수

      모든 함수를 표시하지 않을 수도 있다.

    • <quote>

      큰따옴표 또는 작은 따옴표로 감싸진 <string> 타입을 나타낸다.

      • auto | none | [ <string> <string> ]+
      • open-quote | close-quote | no-open-quote | no-close-quote
      Details

      사용되는 키워드

      • auto

        따옴표에 대해 인쇄상 적절한 사용 값은 요소 또는 상위 요소의 콘텐츠 언어를 기반으로 UA(User Agent)에서 자동으로 선택한다.

      • close-quote

        인용 부호 속성의 적절한 문자열로 대체되고 인용 부호의 중첩 수준이 증가(감소)된다.

      • no-close-quoto

        아무것도 삽입하지 않지만 따옴표의 중첩 수준을 증가(감소)시킨다.

      • no-open-quote

        아무것도 삽입하지 않지만 따옴표의 중첩 수준을 증가(감소)시킨다.

      • none

         인용 부호를 생성하지 않는다.

      • open-quote

        인용 부호 속성의 적절한 문자열로 대체되고 인용 부호의 중첩 수준이 증가(감소)된다.

    • <string>

      따옴표로 감싸진 데이터 유형을 표현한다.

      • "this is a 'string'."
      Details

      동일한 타입을 사용하는 관련 속성

      모든 속성을 표시하지 않을 수도 있다.

    • <target>

      • <target-counter()> | <target-counters()> | <target-text()>
  • <content-replacement>

    지정된 <image> 타입으로 채워진 요소 또는 가상 요소를 대체 요소로 생성한다. 지정된 <image> 타입의 값이 유효하지 않은 이미지를 나타내는 경우 투명한 검정색으로 채워진 자연적인 너비와 높이가 0인 이미지를 나타내는 것으로 처리된다.

    • <image>
    Details

    포함된 타입

    • <image>

      2차원 이미지를 나타낸다.

      • CSS Images Module Level 4
        <url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>

        <url>로 외부의 리소스를 연결하거나 <image-set()>, <cross-fade()>, <element()> 값으로 생성된다. 또한 그라디언트도 가능하다.

        현재 image()는 지원하지 않는다.

      Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.
      타입에 대한 자세한 설명은 다음 링크를 참조하라.[<image>]

    관련 함수

    모든 함수를 표시하지 않을 수도 있다.

  • <counter>

    순번 매김같은 값을 문자열이나 이미지로 나타내는 counter()counters() 함수를 통해 생성된 값을 나타낸다.

    • <counter()> | <counters()>
    Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.
    타입에 대한 자세한 설명은 다음 링크를 참조하라.[<counter>]
  • <string>

    따옴표로 감싸진 데이터 유형을 표현한다.

    • "this is a 'string'."
    Details 기능이 없다면 사용되는 타입이 동일한 타입을 사용하는 다른 항목에서 설명하거나 없는 경우이다.
    타입에 대한 자세한 설명은 다음 링크를 참조하라.[<string>]

사용되는 키워드

  • none

    요소에서는 요소의 자식으로 렌더링되지 않는다. 가상 요소에서는 마치 display: none이 지정된 것 처럼 가상 요소 생성을 금지한다. 어떤 경우에도 요소 또는 가상 요소를 원래 요소로 갖는 가상 요소가 생성되는 것을 방지하지 않는다.

  • normal

    요소 또는 페이지의 margin box의 경우 콘텐츠로 처리한다. ::befoer, ::after의 경우 없음으로 처리한다. ::marker, ::placeholder, ::file-selector-button의 경우 자체적으로 처리된다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈'content'〉normal
    CSS Generated Content Module Level 3

    요소 또는 페이지의 margin box의 경우 콘텐츠로 처리한다. ::befoer, ::after의 경우 없음으로 처리한다. ::marker, ::placeholder, ::file-selector-button의 경우 자체적으로 처리된다.

  • 요소에서는 요소의 자식으로 렌더링되지 않는다. 가상 요소에서는 마치 display: none이 지정된 것 처럼 가상 요소 생성을 금지한다. 어떤 경우에도 요소 또는 가상 요소를 원래 요소로 갖는 가상 요소가 생성되는 것을 방지하지 않는다.

  • CSS Values and Units Module Level 5

    선택자의 속성 값을 반환해준다.

    Example
  • 〈string〉"any character"
    CSS Generated Content Module Level 3
    Example
  • CSS Fragmentation Module Level 3

    문서의 구성 요소에 따라 순서를 설정하여 번호를 매길 수 있다. 일반적으로 가상 요소로 사용된다.

    Example
  • CSS Generated Content Module Level 3

    중첩된 목록 요소에 일관성 있는 순서를 설정하여 차례를 지정할 수 있다. 일반적으로 가상 요소로 사용된다.

    Example
  • CSS Images Module Level 4

    중심점을 기준으로 회전하는 방식으로 그라데이션을 생성한다.

    Example
  • CSS Images Module Level 4

    선형 그라디언트를 생성한다.

    Example
  • CSS Images Module Level 4

    원형 그라디언트를 생성한다.

    Example
  • CSS Images Module Level 4

    설정된 <linear-gradient> 값이 반복되는 선형 그라디언트를 생성한다.

    Example
  • CSS Images Module Level 4

    설정된 <radial-gradient> 값이 반복되는 원형 그라디언트를 생성한다.

    Example
  • CSS Values and Units Module Level 3

    CSS에서 사용할 외부 리소스를 가져온다.

    Example
  • CSS Generated Content Module Level 3

    이미지 사이를 전환할 때 CSS는 시작 및 종료 이미지의 조합인 중간 이미지를 명시적으로 참조하는 방법이 필요하다. 이것은 결합할 두 이미지와 결합이 전환에서 얼마나 멀리 있는지를 나타내는 cross-fade() 함수로 수행된다.

    작성 시점 기준으로 웹브라우저 지원이 안된다
  • CSS Generated Content Module Level 3

    사용자의 장치에서 가장 적합한 이미지의 해상도를 보여줄 수 있도록 한다.

    Example
  • CSS Generated Content Module Level 3

    수평 공간에서 콘텐츠를 시각적으로 연결하는데 사용되는 반복 패턴을 생성한다.

    작성 시점 기준으로 웹브라우저 지원이 안된다
  • 따옴표에 대해 인쇄상 적절한 사용 값은 요소 또는 상위 요소의 콘텐츠 언어를 기반으로 UA(User Agent)에서 자동으로 선택한다.

  • 〈quote〉no-close-quoto
    CSS Generated Content Module Level 3

    아무것도 삽입하지 않지만 따옴표의 중첩 수준을 증가(감소)시킨다.

    Example
  • 〈quote〉no-open-quote
    CSS Generated Content Module Level 3

    아무것도 삽입하지 않지만 따옴표의 중첩 수준을 증가(감소)시킨다.

    Example
  •  인용 부호를 생성하지 않는다.

  • 〈quote〉open-quote
    CSS Generated Content Module Level 3

    인용 부호 속성의 적절한 문자열로 대체되고 인용 부호의 중첩 수준이 증가(감소)된다.

    Example
  • 〈quote〉close-quote
    CSS Generated Content Module Level 3

    인용 부호 속성의 적절한 문자열로 대체되고 인용 부호의 중첩 수준이 증가(감소)된다.

    Example
  • 〈target〉target-counter()
    CSS Generated Content Module Level 3
    작성 시점 기준으로 웹브라우저 지원이 안된다
  • 〈target〉target-counters()
    CSS Generated Content Module Level 3
    작성 시점 기준으로 웹브라우저 지원이 안된다
  • 〈target〉target-text()
    CSS Generated Content Module Level 3
    작성 시점 기준으로 웹브라우저 지원이 안된다
  • CSS Values and Units Module Level 3

    CSS에서 사용할 외부 리소스를 가져온다.

버전 명세

Modules
Module NameStatusSummary
CSS Generated Content Module Level 3

Last review date: 2022-6-14

기술 문서

Special Characters

다음 아래는 CSS에서 가상 요소로 사용할 수 있는 특수문자중 일부이다. 

SymbolDescriptionCSS Example
"quotation markp:before{content:"\0022";}
&ampersandp:before{content:"\0026";}
<less-than signp:before{content:"\003c";}
>greater-than signp:before{content:"\003e";}
 no-break spacep:before{content:"\00a0";}
¡inverted exclamation markp:before{content:"\00a1";}
¢cent signp:before{content:"\00a2";}
£pound sterling signp:before{content:"\00a3";}
¤general currency signp:before{content:"\00a4";}
¥yen signp:before{content:"\00a5";}
euro signp:before{content:"\20AC";}
¦broken (vertical) barp:before{content:"\00a6";}
§section signp:before{content:"\00a7";}
¨umlaut (dieresis)p:before{content:"\00a8";}
©copyright signp:before{content:"\00A9";}
trademark signp:before{content:"\2122";}
ªordinal indicator, femininep:before{content:"\00aa";}
«angle quotation mark, leftp:before{content:"\00ab";}
¬not signp:before{content:"\00ac";}
­soft hyphenp:before{content:"\00ad";}
®registered signp:before{content:"\00ae";}
¯macronp:before{content:"\00af";}
°degree signp:before{content:"\00b0";}
degree celsius signp:before{content:"\2103";}
degree fahrenheit signp:before{content:"\2109";}
±plus-or-minus signp:before{content:"\00b1";}
²superscript twop:before{content:"\00b2";}
³superscript threep:before{content:"\00b3";}
´acute accentp:before{content:"\00b4";}
µmicro signp:before{content:"\00b5";}
pilcrow (paragraph sign)p:before{content:"\00b6";}
·middle dotp:before{content:"\00b7";}
¸cedillap:before{content:"\00b8";}
¹superscript onep:before{content:"\00b9";}
ºordinal indicator, masculinep:before{content:"\00ba";}
»angle quotation mark, rightp:before{content:"\00bb";}
¼fraction one-quarterp:before{content:"\00bc";}
½fraction one-halfp:before{content:"\00bd";}
¾fraction three-quartersp:before{content:"\00be";}
¿inverted question markp:before{content:"\00bf";}
Àcapital A, grave accentp:before{content:"\00c0";}
Ácapital A, acute accentp:before{content:"\00c1";}
Âcapital A, circumflex accentp:before{content:"\00c2";}
Ãcapital A, tildep:before{content:"\00c3";}
Äcapital A, dieresis or umlaut markp:before{content:"\00c4";}
Åcapital A, ringp:before{content:"\00c5";}
Æcapital AE diphthong (ligature)p:before{content:"\00c6";}
Çcapital C, cedillap:before{content:"\00c7";}
Ècapital E, grave accentp:before{content:"\00c8";}
Écapital E, acute accentp:before{content:"\00c9";}
Êcapital E, circumflex accentp:before{content:"\00ca";}
Ëcapital E, dieresis or umlaut markp:before{content:"\00cb";}
Ìcapital I, grave accentp:before{content:"\00cc";}
Ícapital I, acute accentp:before{content:"\00cd";}
Îcapital I, circumflex accentp:before{content:"\00ce";}
Ïcapital I, dieresis or umlaut markp:before{content:"\00cf";}
Ðcapital Eth, Icelandicp:before{content:"\00d0";}
Ñcapital N, tildep:before{content:"\00d1";}
Òcapital O, grave accentp:before{content:"\00d2";}
Ócapital O, acute accentp:before{content:"\00d3";}
Ôcapital O, circumflex accentp:before{content:"\00d4";}
Õcapital O, tildep:before{content:"\00d5";}
Öcapital O, dieresis or umlaut markp:before{content:"\00d6";}
×multiply signp:before{content:"\00d7";}
Øcapital O, slashp:before{content:"\00d8";}
Ùcapital U, grave accentp:before{content:"\00d9";}
Úcapital U, acute accentp:before{content:"\00da";}
Ûcapital U, circumflex accentp:before{content:"\00db";}
Ücapital U, dieresis or umlaut markp:before{content:"\00dc";}
Ýcapital Y, acute accentp:before{content:"\00dd";}
Þcapital THORN, Icelandicp:before{content:"\00de";}
ßsmall sharp s, German (sz ligature)p:before{content:"\00df";}
àsmall a, grave accentp:before{content:"\00e0";}
ásmall a, acute accentp:before{content:"\00e1";}
âsmall a, circumflex accentp:before{content:"\00e2";}
ãsmall a, tildep:before{content:"\00e3";}
äsmall a, dieresis or umlaut markp:before{content:"\00e4";}
åsmall a, ringp:before{content:"\00e5";}
æsmall ae diphthong (ligature)p:before{content:"\00e6";}
çsmall c, cedillap:before{content:"\00e7";}
èsmall e, grave accentp:before{content:"\00e8";}
ésmall e, acute accentp:before{content:"\00e9";}
êsmall e, circumflex accentp:before{content:"\00ea";}
ësmall e, dieresis or umlaut markp:before{content:"\00eb";}
ìsmall i, grave accentp:before{content:"\00ec";}
ísmall i, acute accentp:before{content:"\00ed";}
îsmall i, circumflex accentp:before{content:"\00ee";}
ïsmall i, dieresis or umlaut markp:before{content:"\00ef";}
ðsmall eth, Icelandicp:before{content:"\00f0";}
ñsmall n, tildep:before{content:"\00f1";}
òsmall o, grave accentp:before{content:"\00f2";}
ósmall o, acute accentp:before{content:"\00f3";}
ôsmall o, circumflex accentp:before{content:"\00f4";}
õsmall o, tildep:before{content:"\00f5";}
ösmall o, dieresis or umlaut markp:before{content:"\00f6";}
÷divide signp:before{content:"\00f7";}
øsmall o, slashp:before{content:"\00f8";}
ùsmall u, grave accentp:before{content:"\00f9";}
úsmall u, acute accentp:before{content:"\00fa";}
ûsmall u, circumflex accentp:before{content:"\00fb";}
üsmall u, dieresis or umlaut markp:before{content:"\00fc";}
ýsmall y, acute accentp:before{content:"\00fd";}
þsmall thorn, Icelandicp:before{content:"\00fe";}
ÿsmall y, dieresis or umlaut markp:before{content:"\00ff";}
Œlatin capital ligature oep:before{content:"\0152";}
œlatin small ligature oep:before{content:"\0153";}
Šlatin capital letter s with caronp:before{content:"\0160";}
šlatin small letter s with caronp:before{content:"\0161";}
Ÿlatin capital letter y with diaeresisp:before{content:"\0178";}
ƒlatin small f with hook or functionp:before{content:"\0192";}
ˆmodifier letter circumflex accentp:before{content:"\02c6";}
˜small tildep:before{content:"\02dc";}
Αgreek capital letter alphap:before{content:"\0391";}
Βgreek capital letter betap:before{content:"\0392";}
Γgreek capital letter gammap:before{content:"\0393";}
Δgreek capital letter deltap:before{content:"\0394";}
Εgreek capital letter epsilonp:before{content:"\0395";}
Ζgreek capital letter zetap:before{content:"\0396";}
Ηgreek capital letter etap:before{content:"\0397";}
Θgreek capital letter thetap:before{content:"\0398";}
Ιgreek capital letter iotap:before{content:"\0399";}
Κgreek capital letter kappap:before{content:"\039a";}
Λgreek capital letter lambdap:before{content:"\039b";}
Μgreek capital letter mup:before{content:"\039c";}
Νgreek capital letter nup:before{content:"\039d";}
Ξgreek capital letter xip:before{content:"\039e";}
Οgreek capital letter omicronp:before{content:"\039f";}
Πgreek capital letter pip:before{content:"\03a0";}
Ρgreek capital letter rhop:before{content:"\03a1";}
Σgreek capital letter sigmap:before{content:"\03a3";}
Τgreek capital letter taup:before{content:"\03a4";}
Υgreek capital letter upsilonp:before{content:"\03a5";}
Φgreek capital letter phip:before{content:"\03a6";}
Χgreek capital letter chip:before{content:"\03a7";}
Ψgreek capital letter psip:before{content:"\03a8";}
Ωgreek capital letter omegap:before{content:"\03a9";}
αgreek small letter alphap:before{content:"\03b1";}
βgreek small letter betap:before{content:"\03b2";}
γgreek small letter gammap:before{content:"\03b3";}
δgreek small letter deltap:before{content:"\03b4";}
εgreek small letter epsilonp:before{content:"\03b5";}
ζgreek small letter zetap:before{content:"\03b6";}
ηgreek small letter etap:before{content:"\03b7";}
θgreek small letter thetap:before{content:"\03b8";}
ιgreek small letter iotap:before{content:"\03b9";}
κgreek small letter kappap:before{content:"\03ba";}
λgreek small letter lambdap:before{content:"\03bb";}
μgreek small letter mup:before{content:"\03bc";}
νgreek small letter nup:before{content:"\03bd";}
ξgreek small letter xip:before{content:"\03be";}
οgreek small letter omicronp:before{content:"\03bf";}
πgreek small letter pip:before{content:"\03c0";}
ρgreek small letter rhop:before{content:"\03c1";}
ςgreek small letter final sigmap:before{content:"\03C2";}
σgreek small letter sigmap:before{content:"\03C3";}
τgreek small letter taup:before{content:"\03C4";}
υgreek small letter upsilonp:before{content:"\03C5";}
φgreek small letter phip:before{content:"\03C6";}
χgreek small letter chip:before{content:"\03C7";}
ψgreek small letter psip:before{content:"\03C8";}
ωgreek small letter omegap:before{content:"\03C9";}
ϑgreek small letter theta symbolp:before{content:"\03D1";}
ϒgreek upsilon with hook symbolp:before{content:"\03D2";}
ϖgreek pi symbolp:before{content:"\03D6";}
en spacep:before{content:"\2002"}
em spacep:before{content:"\2003"}
thin spacep:before{content:"\2009"}
zero width non-joinerp:before{content:"\200C"}
zero width joinerp:before{content:"\200D"}
left-to-right markp:before{content:"\200E"}
right-to-left markp:before{content:"\200F"}
en dashp:before{content:"\2013"}
em dashp:before{content:"\2014"}
left single quotation markp:before{content:"\2018"}
right single quotation markp:before{content:"\2019"}
single low-9 quotation markp:before{content:"\201A"}
left double quotation markp:before{content:"\201C"}
right double quotation markp:before{content:"\201D"}
double low-9 quotation markp:before{content:"\201E"}
daggerp:before{content:"\2020"}
double daggerp:before{content:"\2021"}
per mille signp:before{content:"\2030"}
single left-pointing angle quotation markp:before{content:"\2039"}
single right-pointing angle quotation markp:before{content:"\203A"}
infinityp:before{content:"\221E";}
filled phonep:before{content:"\260E";}
blank phonep:before{content:"\260F";}
filled universal recycling symbolp:before{content:"\267B";}
blank universal recycling symbolp:before{content:"\2672";}
filled recycled paper symbolp:before{content:"\267C";}
blank recycled paper symbolp:before{content:"\267D";}
staff of aesculapiusp:before{content:"\2695";}
lower right pencilp:before{content:"\270E";}
crossp:before{content:"\271D";}
star of davidp:before{content:"\2721";}
filled starp:before{content:"\272D";}
blank starp:before{content:"\2729";}

지원 웹브라우저