<self-position>
<self-position> 列舉值資料型別用於 justify-self 和 align-self 屬性,以及 place-self 簡寫屬性,用於將其盒子在其對齊容器中對齊。它還用於 justify-items 和 align-items 屬性,以及 place-items 簡寫屬性,用於指定 justify-self 和 align-self 的預設值。
語法
<self-position> = center | start | end | self-start | self-end | flex-start | flex-end
值
以下關鍵字值由 <self-position> 語法術語表示
centerstart-
將對齊主題與對齊容器的起始邊緣對齊。
end-
將對齊主題與對齊容器的結束邊緣對齊。
self-start-
將對齊主題與對齊容器的邊緣對齊,該邊緣與對齊主題的起始側對應。
self-end-
將對齊主題與對齊容器的邊緣對齊,該邊緣與對齊主題的結束側對應。
flex-start-
在彈性佈局中,將對齊主題與對齊容器的邊緣對齊,該邊緣與彈性容器的主軸起始側或交叉軸起始側對應。對於彈性佈局以外的佈局模式,它與
start相同。 flex-end-
在彈性佈局中,將對齊主題與對齊容器的邊緣對齊,該邊緣與彈性容器的主軸結束側或交叉軸結束側對應。對於彈性佈局以外的佈局模式,它與
end相同。
注意: left 和 right 關鍵字被排除在 <self-position> 之外,儘管它們是 justify-* 屬性(justify-content、justify-self 和 justify-items)的有效位置對齊值,因為它們不允許在 align-* 屬性(align-content、align-self 和 align-items)中使用。它們被明確包含在 justify-* 屬性的語法中。
規範
| 規範 |
|---|
| CSS Box Alignment Module Level 3 # typedef-self-position |