Web Developer's Room
HOME > DHTML サンプル集 > 基本編     

基本編

文字の最初の文字を大文字に変える

<html>
<body>

<span onmouseover="this.style.textTransform='capitalize'" onmouseout="this.style.textTransform='lowercase'">
    →abcdefghijklmn
</span>

</body>
</html>

style.textTransformで英字の大文字・小文字の表記方法を設定できます。
例では、「→abcdefghijklmn」がonmouseover時に1文字目を大文字(capitalize)、onmouseout時に全て小文字(lowercase)に変わります。

 サンプル




スポンサードリンク


(C) Web Developer's Room All rights reserved.