計算值

計算值 CSS 屬性是在繼承期間從父級傳遞到子級的值。它是根據 指定值 計算得出,透過

  1. 處理特殊值 inheritinitialrevertrevert-layerunset.
  2. 進行達到屬性定義表中“計算值”行中描述的值所需的計算。

達到屬性的計算值所需的計算通常涉及將相對值(例如 em 單位或百分比中的值)轉換為絕對值。例如,如果一個元素的指定值為 font-size: 16pxpadding-top: 2em,則 padding-top 的計算值為 32px(字型大小的兩倍)。

但是,對於某些屬性(那些百分比相對於可能需要佈局才能確定的內容的屬性,例如 widthmargin-righttext-indenttop),百分比指定值將變為百分比計算值。此外,在 line-height 屬性上指定的無單位數字將成為計算值,如指定的那樣。在確定 使用值 時,保留在計算值中的相對值將變為絕對值。

注意:getComputedStyle() DOM API 返回 解析值,它可能是計算值或 使用值,具體取決於屬性。

規範

規範
層疊樣式表級別 2 修訂版 2 (CSS 2.2) 規範
# 計算值

另請參閱