替換元素

在 CSS 中，**替換元素** 是一個其表示形式超出 CSS 範圍的元素；它們是外部物件，其表示形式獨立於 CSS 格式化模型。

簡單來說，它們是內容不受當前文件樣式影響的元素。可以使用 CSS 影響替換元素的位置，但不能影響替換元素本身的內容。某些替換元素（例如 <iframe> 元素）可能擁有自己的樣式表，但它們不會繼承父文件的樣式。

CSS 對替換元素的唯一其他影響是，有一些屬性支援控制元素內容在其框內的定位。有關更多資訊，請參閱 控制內容框內的物件位置。

替換元素

典型的替換元素是

某些元素僅在特定情況下被視為替換元素

HTML 規範還指出，<input> 元素可以被替換，因為型別為 "image" 的 <input> 元素與 <img> 類似，是替換元素。但是，其他表單控制元件（包括其他型別的 <input> 元素）被明確列為非替換元素（規範使用術語“Widgets”描述其預設的平臺特定渲染）。

使用 CSS content 屬性插入的物件是匿名替換元素。它們是“匿名”的，因為它們不存在於 HTML 標記中。

使用 CSS 處理替換元素

CSS 在某些情況下專門處理替換元素，例如計算外邊距和某些 auto 值時。

請注意，並非所有替換元素都具有內在尺寸或定義的基線，但有些具有，這些尺寸或基線由某些 CSS 屬性（例如 vertical-align）使用。只有替換元素才能具有內在尺寸。

控制內容框內的物件位置

某些 CSS 屬性可用於指定包含在替換元素中的物件應如何在元素的框區域內定位。這些由 CSS 影像 規範定義

object-fit

指定替換元素的內容物件應如何適應包含元素的框。object-fit 屬性對 <iframe>、<embed> 和 <fencedframe> 元素沒有影響。

object-position

指定替換元素的內容物件在元素的框內的對齊方式。

另請參閱