CSS text-transform設置文本中字母的大小寫屬性筆記

text-transform屬性定義即用法

text-transform屬性是用來定義文本中字母的大小寫，如果要改變文本中的字母或英文單詞的格式（如：單詞都有大寫字母開頭），就可以用該屬性。

text-transform屬性值

• none：文本中的字母不做任何改變（默認）；
• capitalize：定義文本中的每一個單詞都以大寫字母開頭；
• uppercase：定義全部為大寫字母，即文本中小寫字母變為大寫字母，大寫字母不變；
• lowercase：定義全部為小寫字母，即將文本中的大寫字母轉換為小寫字母，原小寫字母不變；
• Inherit：繼承父元素中text-transform的屬性的值。

text-transform語法格式：

css語法：text-transform：none / capitalize / uppercase / lowercase Inherit;

JavaScript語法：object.style.textTransform="uppercase";

實例：

<title>CSS text-transform設置文本中字母的大小寫屬性筆記/<title>

<style>

body{background: #ddd;}

#a{text-transform:capitalize;}/*單詞以大寫字母開頭*/

#b{text-transform:uppercase;}/*字母全為大寫字母*/

#c{text-transform:lowercase;}/*字母全部為小寫字母*/

運行結果：

text-transform屬性演示

閱讀更多 編程樂趣 的文章

關鍵字: CSS 筆記 JavaScript