置換元素 (Replaced element)
摘要
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
) 所利用。