답변:
해당 속성이 있습니다.
a.m_title {
text-transform: capitalize;
}
링크에 여러 단어가 포함될 수 있고 첫 단어의 첫 글자 만 대문자로하려면 :first-letter
다른 변환을 사용하십시오 (실제로 중요하지는 않지만). 순서에 대한 것을 참고 :first-letter
하여 작업 할 a
요소는 블록 컨테이너해야 (될 수있는 display: block
, display: inline-block
또는 하나 이상의 속성의 다른 다양한 조합의) :
a.m_title {
display: block;
}
a.m_title:first-letter {
text-transform: uppercase;
}
display: block
요구 사항은 (즉, 왜 누가 알 겠어)이 어려운하게, :first-letter
또한 작동합니다 display: inline-block
.
나는 사용하는 것이 좋습니다
#selector {
text-transform: capitalize;
}
또는
#selector::first-letter {
text-transform: uppercase;
}
그건 그렇고,이 w3schools 링크를 확인하십시오 : http://www.w3schools.com/cssref/pr_text_text-transform.asp
먼저 소문자로 만드십시오.
.m_title {text-transform: lowercase}
그런 다음 첫 글자를 대문자로 만드십시오.
.m_title:first-letter {text-transform: uppercase}
"텍스트 변환 : 대문자 화"는 단어에 사용됩니다. 그러나 문장에 사용하려면이 솔루션이 완벽합니다.
inline
요소 와 함께 작동하지 않습니다 display:inline-block
.이 경우로 설정 하십시오. ( stackoverflow.com/questions/7631722/… )
<script type="text/javascript">
$(document).ready(function() {
var asdf = $('.capsf').text();
$('.capsf').text(asdf.toLowerCase());
});
</script>
<div style="text-transform: capitalize;" class="capsf">sd GJHGJ GJHgjh gh hghhjk ku</div>
text-transform: capitalize;
여러 단어 가진 경우 충분하지