CSS font 復合屬性的順序


CSS 參考手冊

實例

在一個聲明中設置所有字體屬性:

p.ex1
  {
  font:italic arial,sans-serif;
  }

p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera
         

所有瀏覽器都支持 font 屬性。

注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

定義和用法

font 簡寫屬性在一個聲明中設置所有字體屬性。

注釋:此屬性也有第六個值:"line-height",可設置行間距。

說明

這個簡寫屬性用於一次設置元素字體的兩個或更多方面。使用 icon 等關鍵字可以適當地設置元素的字體,使之與用戶計算機環境中的某個方面一致。注意,如果沒有使用這些關鍵詞,至少要指定字體大小和字體系列。

可以按順序設置如下屬性:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

可以不設置其中的某個值,比如 font:100% verdana; 也是允許的。未設置的屬性會使用其默認值。

默認值: not specified
繼承性: yes
版本: CSS1
JavaScript 語法: object.style.font="italic small-caps bold 12px arial,sans-serif"

可能的值

描述
font-style 規定字體樣式。參閱:font-style 中可能的值。
font-variant 規定字體異體。參閱:font-variant 中可能的值。
font-weight 規定字體粗細。參閱:font-weight 中可能的值。
font-size/line-height 規定字體尺寸和行高。參閱:font-size 和 line-height 中可能的值。
font-family 規定字體系列。參閱:font-family 中可能的值。
caption 定義被標題控件(比如按鈕、下拉列表等)使用的字體。
icon 定義被圖標標記使用的字體。
menu 定義被下拉列表使用的字體。
message-box 定義被對話框使用的字體。
small-caption caption 字體的小型版本。
status-bar 定義被窗口狀態欄使用的字體。

TIY 實例

所有字體屬性在一個聲明之內
本例演示如何使用簡寫屬性將字體屬性設置在一個聲明之內。
設置使用 "caption" 值的段落字體
本例演示如何設置使用 "caption" 值的段落字體。

相關頁面

CSS 教程:CSS 字體

HTML DOM 參考手冊:font 屬性


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM