css屬性中fontVariant的介紹與執行個體

來源:互聯網
上載者:User
font-variant 屬性設定小型大寫字母的字型顯示文本,這意味著所有的小寫字母均會被轉換為大寫,但是所有使用小型大寫字型的字母與其餘文本相比,其字型尺寸更小。
取值small-caps 瀏覽器會顯示小型大寫字母的字型。

文法:

font-variant : normal | small-caps

參數:
normal : 正常的字型
small-caps : 小型的大寫字母字型
說明:
設定或檢索對象中的文本是否為小型的大寫字母。
對應的指令碼特性為fontVariant。請參閱我編寫的其他書目。

text-transform的text-transform和font-variant區別

text-transform和font-variant都能把英文文本轉換大小寫。但是font-variant唯一的作用就是把英文文本轉換成“小型”大寫字母文本,注意這是“小型”的。一般極少用到font-variant屬性,對於英文的大小寫轉換,我們用的是text-transform屬性,而不是用font-variant屬性。

font-variant屬性的執行個體

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS font-variant 屬性樣本</title><style type="text/css" media="all">p#small-caps{font-variant:small-caps;}p#uppercase{text-transform:uppercase;}</style></head><body><p id="small-caps">The quick brown fox jumps over the lazy dog.</p><p id="uppercase">The quick brown fox jumps over the lazy dog.</p></body></html>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.