text-transform和font-variant區別
text-transform和font-variant都能把英文文本轉換大小寫。但是font-variant唯一的作用就是把英文文本轉換成“小型”大寫字母文本，注意這是“小型”的。一般極少用到font-variant屬性，對於英文的大小寫轉換，我們用的是text-transform屬性，而不是用font-variant屬性。
樣本
編輯
div { text-transform : none; }div { text-transform : capitalize; }div { text-transform : uppercase; }div { text-transform : lowercase; }
注意：1.用text-transform只對英文起作用 對於漢字時失效
2.用text-transform 可以用dreamweaver看到即時的效果
text-transform的執行個體
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>text-transform_CSS參考手冊_web前端開發參考手冊系列</title><style>.capitalize span{text-transform:capitalize;}.uppercase span{text-transform:uppercase;}.lowercase span{text-transform:lowercase;}</style></head><body><ul><li><strong>將每個單詞的首字母轉換成大寫</strong><div>原 文： <span>how do you do.</span></div><div>轉換後： <span>how do you do.</span></div></li><li><strong>轉換成大寫</strong><div>原 文： <span>how do you do.</span></div><div>轉換後： <span>how do you do.</span></div></li><li><strong>轉換成小寫</strong><div>原 文： <span>HOW ARE YOU.</span></div><div>轉換後： <span>HOW ARE YOU.</span></div></li></ul></body></html>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
