[HTML/CSS] 작은 대문자로 표시하기 (font-variant)
- Web/HTML, CSS
- 2023. 1. 17.
웹문서의 영문자 글꼴에서는 '작은 대문자'라는 설정도 할 수 있습니다. 여기서 작은 대문자란 대문자를 소문자 크기에 맞추어 작게 표시한 것인데요. font-variant 속성으로 지정할 수 있습니다.
작은 대문자로 표시하기
See the Pen 작은 대문자로 표시하기1 by wjdxo513 (@wjdxo513) on CodePen.
font-variant 속성 값
- normal : 기본 값
- small-caps : 작은 대문자로 표시하기
font-variant 속성에 small-caps 값을 사용하면 위와 같이 작은 대문자로 표시됩니다. 한글(영어) 형태로 문장을 기술할 때 사용해주면 좋습니다.
CSS 처리
See the Pen 작은 대문자로 표시하기2 by wjdxo513 (@wjdxo513) on CodePen.
css처리하면 위와 같이 됩니다.
'Web > HTML, CSS' 카테고리의 다른 글
| [HTML/CSS] 구글 웹 폰트 사용하기 (@font-face) (0) | 2023.01.19 |
|---|---|
| [HTML/CSS] 글자 글꼴(폰트) 변경하기 (font-family) (0) | 2023.01.18 |
| [HTML/CSS] 대/소문자 변경하기 (text-transform) (1) | 2023.01.16 |
| [HTML/CSS] 텍스트 이탤릭체, 밑줄, 취소선 적용하기 (1) | 2023.01.15 |