css : 대문자로 된 대문자 텍스트를 대문자로 변환

Question

대문자로 된 콘텐츠가 있는데 (백엔드에서 지속되는 방식) '적절한 경우'로 변환해야합니다.

'text-transform : capitalize'가 작동하지 않습니다. 나는 거기에 CSS 기반의 해결 방법이 없다고 의심한다.

.text-test{ 
    text-transform:capitalize; 
    } ... <h1 class="text-test">SOME UPPER CASE TEXT</h1> 

결론이 정확합니까? 감사합니다.

Answer 1

대문자 사용은 타겟팅하는 모든 문자의 첫 글자를 대상으로하므로 작동하지 않으므로 나머지 텍스트는 영향을받지 않습니다. 당신은

는 상관 :)

는

Answer 2

CSS는 대소 문자 변환을 지원하지 않습니다. 서버에서 수정하거나 JavaScript를 사용하여 HTML을 다시 작성해야합니다.

참조 : How to give sentence case to sentences through CSS or javascript?

Answer 3

제목 케이스

String.prototype.toTitleCase = function() { 
    return this.replace(/\w\S*/g, function(t) { 
     return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase();}); 
}; 
var s1 = "HELLO WORLD!"; 
alert(s1.toTitleCase()); 

출력

안녕하세요!

이 세계 안녕하세요

로 변환 말을 할 수있는 솔루션으로 우아하지 않습니다!

그러나 이것을 시작점으로 사용할 수 있습니다.

Answer 4

약간 아주 (매우) 늦었지만 다른 사람을 도울 수 있으며, HTML에서 편집 또는 어쩌면 jQuery를 솔루션을 찾을 수있을 것이다.

무엇에 대해 :

.text-test {text-transform: lowercase;} 
.text-test::first-letter {text-transform:capitalize;}