計算值
的計算值 CSS 屬性是在繼承期間從父級傳遞到子級的值。它是根據 指定值 計算得出,透過
- 處理特殊值
inherit、initial、revert、revert-layer和unset. - 進行達到屬性定義表中“計算值”行中描述的值所需的計算。
達到屬性的計算值所需的計算通常涉及將相對值(例如 em 單位或百分比中的值)轉換為絕對值。例如,如果一個元素的指定值為 font-size: 16px 和 padding-top: 2em,則 padding-top 的計算值為 32px(字型大小的兩倍)。
但是,對於某些屬性(那些百分比相對於可能需要佈局才能確定的內容的屬性,例如 width、margin-right、text-indent 和 top),百分比指定值將變為百分比計算值。此外,在 line-height 屬性上指定的無單位數字將成為計算值,如指定的那樣。在確定 使用值 時,保留在計算值中的相對值將變為絕對值。
注意:getComputedStyle() DOM API 返回 解析值,它可能是計算值或 使用值,具體取決於屬性。
規範
| 規範 |
|---|
| 層疊樣式表級別 2 修訂版 2 (CSS 2.2) 規範 # 計算值 |