CSS content 속성

CSS에 beforeafter 가상 선택자가 있고 화면에 추가할 텍스트를 content 속성으로 설정할 수 있습니다.

content 속성값으로 설정한 일부 문자가 보이지 않는다면 유니코드를 사용합니다.

예를 들어 다음과 같이 설정했을 때

.note::before {
  content: "↓";
}

글자가 보이지 않는다면 다음과 같이 유니코드를 사용합니다.

.note::before {
  content: "\2193";
}

자바로 글자의 유니코드를 알아내는 방법입니다.

char charAt = "↓".charAt(0);
String unicode = Integer.toHexString(charAt);

CSS 파일을 UTF-8 형식으로 작성하고 HTTP 응답 헤더 Content-Type의 값을 text/css;charset=UTF-8로 설정했다면 유니코드 전환이 필요 없습니다.