使用 CSS 將文字小寫後可以大寫嗎？

使用CSS小寫後大寫文字

問題：是否可以先將文字小寫，然後再使用CSS？

範例：

• HELLO WORLD → Hello World

其他上下文：

其他上下文： 您有大寫的國家清單（例如，UNITED KINGDOM），需要將它們轉換為小寫（例如，United Kingdom）。

答案：

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

是的，CSS 提供此任務的解決方案：

此任務將text-transform: Capitalize 屬性應用於具有類別className 的元素，自動將所有小寫字母轉換為大寫，並將每個單字的第一個字母轉換為小寫。

使用JavaScript 的替代解決方案：

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

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

如果CSS 不是一個選項，您可以使用JavaScript 來實現相同的結果： Capitalize 函數將字串s 作為輸入，使用toLowerCase() 將其轉換為小寫，然後使用正規表示式的替換方法將所有單字邊界(b) 替換為其大寫等效項。這有效地將每個單字的第一個字母大寫，同時將其餘字母小寫。

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