CSS에서 모두 대문자로 된 단어의 첫 글자만 대문자로 표시하려면 어떻게 해야 합니까?

CSS text-transform: Capitalize on All Caps

CSS에서 text-transform: capitalize 속성을 사용할 때, 이미 모두 대문자로 되어 있는 단어의 첫 글자입니다. 이러한 특정 동작을 달성하기 위한 해결책은 여러 텍스트 변환 규칙을 결합하는 것입니다.

모든 대문자를 대문자로 사용하려면 다음 단계를 따르십시오.

1. 텍스트를 사용하여 모든 텍스트를 소문자로 만듭니다. 변환: 소문자 규칙.
2. text-transform: 대문자를 사용하여 각 단어의 첫 글자를 대문자로 표시합니다. rule.
3. text-transform을 사용하여 첫 번째 줄을 대문자로 표시합니다: 대문자.

다음은 CSS에서 이를 구현할 수 있는 방법의 예입니다.

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

이 접근 방식을 사용하면 이미 모두 대문자로 된 단어가 첫 글자만 대문자로 표시되는 원하는 출력을 얻을 수 있습니다.

위 내용은 CSS에서 모두 대문자로 된 단어의 첫 글자만 대문자로 표시하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!