font-variant屬性用法介紹

admin發表於2017-02-24
此屬性可以設定英文字元以小型大寫字母顯示。

所謂小型大寫字母包含兩個意思，首先英文字元以大寫形式顯示，另一個就是字型大小要小於預設狀態。

語法結構:

[CSS] 純文字檢視 複製程式碼
font-variant：normal | small-caps

取值:

normal：正常的字型。 

small-caps：小型的大寫字母字型。 

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>CSS教程</title> 
<style type="text/css"> 
ul{list-style:none}
.normal{font-variant:normal}
.normal{font-variant:small-caps}
</style> 
</head> 
<body> 
<ul>
  <li>antzone</li>
  <li class="normal">antzone</li>
  <li class="small">antzone</li>
</ul>
</body> 
</html>

相關文章