如何使用 CSS 和 JavaScript 將文字小寫然後大寫？

使用 CSS 和 JavaScript 將文字小寫後大寫

可以使用 CSS 或 JavaScript 先小寫然後大寫文字。

CSS 方法

CSS 可以使用 text-transform 屬性將每個單字的第一個字母大寫。透過設定text-transform:capitalize;，文字會先自動轉換為小寫，然後每個單字的首字母大寫。

範例：

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

此 CSS 將確保類別 className 的元素中的所有文字先小寫，然後大寫。

JavaScript 方法

JavaScript 提供了更靈活的方法將文字小寫後大寫。 toLowerCase()方法可用於將所有文字轉換為小寫，然後使用replace()方法將每個單字的第一個字母大寫。

範例：

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

capitalize('this IS THE wOrst string eVeR');</code>

在此範例中，capitalize() 函數首先使用 toLowerCase() 將輸入字串 s 轉換為小寫。然後，它使用具有正規表示式模式（/b./g）的replace（）方法來查找每個單字的第一個字母（由單字邊界b表示），並且匿名回調函數function（a）{return a。 toUpperCase(); }，將符合的字母大寫。

以上是如何使用 CSS 和 JavaScript 將文字小寫然後大寫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！