CSS를 사용하여 텍스트의 첫 글자를 어떻게 대문자로 만들 수 있나요?

CSS의 대문자 사용: 첫 글자 오름차순

CSS를 활용하면 레이블의 첫 번째 문자를 대문자로 쉽게 높일 수 있습니다. 시각적 매력을 선사합니다.

구문 해결 방법

이러한 스타일 개선을 달성하기 위해 CSS는 전용 속성을 제공합니다.

text-transform: capitalize;

이 속성을 원하는 요소에 할당하면 첫 글자가 자동으로 대문자로 올라갑니다.

예시

고려하세요 다음 HTML 스니펫:

<a class="m_title" href="">gorr</a>
<a class="m_title" href="">trro</a>
<a class="m_title" href="">krro</a>
<a class="m_title" href="">yrro</a>
<a class="m_title" href="">gwwr</a>

각 "m_title" 요소의 첫 글자를 대문자로 표시하려면 CSS 속성만 추가하면 됩니다.

a.m_title {
  text-transform: capitalize;
}

짜잔! 결과로 렌더링된 라벨은 대문자 첫 글자로 페이지를 장식합니다.

<a class="m_title" href="">Gorr</a>
<a class="m_title" href="">Trro</a>
<a class="m_title" href="">Krro</a>
<a class="m_title" href="">Yrro</a>
<a class="m_title" href="">Gwwr</a>

위 내용은 CSS를 사용하여 텍스트의 첫 글자를 어떻게 대문자로 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!