왜 `text-transform: capitalize`가 모두 대문자 텍스트에서 작동하지 않습니까?

CSS 텍스트 변환: 대문자가 모두 대문자로 작동하지 않음

이 시나리오의 목표는 각 단어의 첫 글자를 대문자로 바꾸는 것입니다. 텍스트가 모두 대문자로 제공되는 경우 텍스트에서. 그러나 text-transform: capitalize;를 적용하면 됩니다. HTML 요소 에서는 모두 대문자 텍스트에서 각 단어의 첫 글자를 대문자로 사용하는 원하는 효과를 얻지 못합니다.

이 문제를 해결하려면 약간 수정된 CSS 접근 방식을 채택할 수 있습니다.

.link {
  text-transform: lowercase;
}

.link:first-letter,
.link:first-line {
  text-transform: uppercase;
}

이 CSS 코드는 다음 기술을 사용합니다.

• text-transform: lowercase;: 내의 모든 텍스트를 변환합니다. .link 요소를 소문자로 변환합니다.
• text-transform: 대문자; :first-letter 및 :first-line에 적용하면 각 단어의 첫 글자와 텍스트의 첫 번째 줄을 각각 선택적으로 대문자로 표시합니다.

이러한 스타일을 적용하면 원하는 출력을 얻을 수 있습니다.

Small Caps
All Caps

위 내용은 왜 `text-transform: capitalize`가 모두 대문자 텍스트에서 작동하지 않습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!