CSS와 JavaScript는 텍스트를 소문자로 변환한 후 대문자로 표시할 수 있나요?

CSS와 JavaScript의 텍스트 변환

CSS를 사용하면 먼저 텍스트를 소문자로 변환한 다음 대문자로 바꾸는 작업을 쉽게 할 수 있나요?

CSS의 솔루션

물론 CSS의 텍스트 변환 속성을 사용하면 다음과 같은 변환을 수행할 수 있습니다.

<code class="css">.className {
    text-transform: capitalize;
}</code>

이렇게 하면 요소 내의 모든 텍스트가 다음과 같이 변환됩니다. className 클래스는 각 단어의 첫 글자를 소문자로 만들고 대문자로 표시합니다.

JavaScript의 솔루션

JavaScript는 capitalize() 함수를 통해 솔루션도 제공합니다. 다음과 같이 정의하세요:

<code class="javascript">function capitalize(s){
    return s.toLowerCase().replace( /\b./g, function(a){ return a.toUpperCase(); } );
};</code>

capitalize('this IS THE wOrst string eVeR')와 같은 문자열에 적용하면 이 함수는 이를 Is The WoRsT String EverR로 변환합니다.

위 내용은 CSS와 JavaScript는 텍스트를 소문자로 변환한 후 대문자로 표시할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!