摘要
CSS 中所謂的「置換元素 (Replaced element)」,即是該元素所呈現的內容不在 CSS 的控制範圍之內。這類外部物件所呈現的內容均獨立於 CSS 之外。常見的置換元素包含 <img>
、<object>
、<video>
,或如 <textarea>
與 <input>
的表單元素。某些元素 (像是 <audio>
或 <canvas>
) 只有在特殊情況下才是置替換元素。若是透過 CSS content
屬性所插入的物件,則稱為「不具名置換元素 (Anonymous replaced elements)」。
在某些情況下,CSS 會特別處理置換元素,如計算邊距空白 (Margin) 與某些 auto
的值。
另需注意的是,某些置換元素本身就具備固定尺寸 (Intrinsic dimension) 或已定義的基準線 (Baseline),並可由 CSS 的某些屬性 (如 vertical-align
) 所利用。
另可參閱
- CSS Key Concepts: CSS syntax, specificity and inheritance, the box, layout modes and visual formatting models, and margin collapsing, or the initial, computed, used and actual values. Definitions of value syntax, shorthand properties and replaced elements.