font-variant 속성

font-variant 속성은 작은(소문자) 글자를 대문자로 만들 수 있게 해주지만, 작은 크기로 만듭니다. 이러한 표기법을 소문 대문자라고 합니다.

구문

css선택자 {
  font-variant: small-caps | normal;
}

값	설명
`small-caps`	작은 글자를 작은 크기의 대문자로 만듭니다.
`normal`	`small-caps`의 효과를 취소합니다. 일반적으로 특정 텍스트 부분에 대해 소문 대문자를 취소해야 할 경우 필요합니다 (예: 모든 단락이 소문 대문자로 처리되었지만, 현재 단락은 그렇지 않음).

기본값: normal.

이 예제에서는 글자가 대문자로 변환되지만, 작은 크기로 유지됩니다:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: small-caps;
}

Результат:

이전 예제(소문 대문자)와 모두 대문자로 작성된 텍스트를 비교해 보세요:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

이제는 일반 텍스트가 됩니다:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: normal;
}

Результат: