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>