Programing

CSS 컨텐츠 값에 유니 코드 문자 배치

lottogame 2020. 3. 16. 08:13
반응형

CSS 컨텐츠 값에 유니 코드 문자 배치


이 질문에는 이미 답변이 있습니다.

문제가 있습니다. 아래쪽 화살표의 HTML 코드를 찾았습니다 ↓(↓).

멋있는. 이제 CSS에서 다음과 같이 사용해야합니다.

nav a:hover {content:"&darr";}

↓HTML 심볼 이기 때문에 분명히 작동하지 않습니다 . CSS에서 사용되는 "이스케이프 처리 된 유니 코드"기호에 대한 정보가 부족한 것 같습니다. \2020내가 찾은 화살표 와 같은 다른 기호가 있습니다 . 화살표 코드는 무엇입니까?


CSS 파일을 UTF-8로 저장 / 제공하지 않는 이유는 무엇입니까?

nav a:hover:after {
    content: "↓";
}

그것이 충분하지 않고 모든 ASCII 코드를 유지하려는 경우 :

nav a:hover:after {
    content: "\2193";
}

문자열 내부 유니 코드 문자의 일반적인 형식은 다음 \000000\FFFFFF- 백 슬래시 여섯 자리의 16 진수 하였다. 0유니 코드 문자가 문자열의 마지막 문자이거나 유니 코드 문자 뒤에 공백을 추가 할 때 선행 숫자를 생략 할 수 있습니다 . 자세한 내용은 아래 사양을 참조하십시오.


CSS2 사양의 관련 부분 :

셋째, 백 슬래시 이스케이프를 사용하면 작성자가 문서에 쉽게 넣을 수없는 문자를 참조 할 수 있습니다. 이 경우 백 슬래시 뒤에 최대 6 개의 16 진 숫자 (0..9A..F)가옵니다.이 숫자는 해당 숫자의 ISO 10646 ( [ISO10646] ) 문자를 나타내며 0이 아니어야합니다. (CSS 2.1에서는 스타일 시트 에 유니 코드 코드 포인트가 0 인 문자 포함 된 경우 어떤 일이 발생하는지 정의되어 있지 않습니다 .) [0-9a-fA-F] 범위의 문자가 16 진수 뒤에 오는 경우 숫자의 끝은 명확하게 이를 수행하는 두 가지 방법이 있습니다.

  1. 공백 (또는 다른 공백 문자)이있는 경우 : "\ 26 B"( "& B"). 이 경우 사용자 에이전트는 "CR / LF"쌍 (U + 000D / U + 000A)을 단일 공백 ​​문자로 취급해야합니다.
  2. 정확히 6 개의 16 진수를 제공하여 : "\ 000026B"( "& B")

실제로이 두 가지 방법을 결합 할 수 있습니다. 16 진 이스케이프 후 하나의 공백 문자 만 무시됩니다. 이것은 이스케이프 시퀀스 뒤의 "실제"공간이 두 배가되어야한다는 것을 의미합니다.

숫자가 유니 코드에서 허용되는 범위를 벗어난 경우 (예 : "\ 110000"이 현재 유니 코드에서 허용되는 최대 10FFFF보다 높음) UA는 이스케이프를 "대체 문자"(U + FFFD)로 바꿀 수 있습니다. 문자가 표시 될 경우 UA는 "누락 된 문자"글리프 (참조 : 15.2, 포인트 5) 와 같은 보이는 기호를 표시해야합니다 .

  • 참고 : 백 슬래시 이스케이프는 항상 식별자 또는 문자열의 일부로 간주됩니다 (예 : "{"가 있고 "\ 32"는 클래스 이름의 시작 부분에도 허용되지만 "\ 7B"는 문장 부호가 아닙니다) "2"는 아닙니다).
    식별자 "te \ st"는 "test"와 정확히 동일한 식별자입니다.

종합 목록 : 유니 코드 문자 'DOWNWARDS ARROW'(U + 2193) .

참고 URL : https://stackoverflow.com/questions/10393462/placing-unicode-character-in-css-content-value


반응형