內邊距屬性

在 CSS 中,內邊距屬性透過指定元素相對於其預設位置的偏移量來控制已定位元素的位置。內邊距屬性分為物理屬性、邏輯屬性和簡寫屬性。

內邊距屬性包括 topleftbottomright 這些物理屬性,以及它們對應的流相對邏輯屬性——inset-block-startinset-block-endinset-inline-startinset-inline-end,還有 inset-blockinset-inlineinset 這些簡寫屬性。

物理屬性引用元素的特定物理側。邏輯屬性使用相對於塊軸和行內軸的方向關鍵字。塊軸指的是定義塊佈局中元素堆疊順序的軸。行內軸垂直於塊軸,表示行內內容(如文字)在塊內流動的方向。其對映關係取決於元素的 writing-modedirectiontext-orientation

內邊距屬性的解析取決於 position 屬性的值。當設定為 position: absolute 時,它們表示相對於包含塊錨定元素的內邊距。當設定為 position: relative 時,它們表示相對於盒子預設外邊距邊緣位置的內邊距。對於 sticky,它們表示相對於滾動容器邊緣的內邊距。fixed 值與 absolute 類似,不同之處在於元素的定位和尺寸是相對於其固定定位包含塊(通常是視口)而言的。

另見