オフセット (Inset)
エッジからの相対位置で要素を配置します。
inset プロパティ(従来の top、right、bottom、left)は、配置された要素のオフセットを定義します。その動作は position プロパティに依存します。
プロパティ
inset は Taffy(および CSS 略記)のヘルパープロパティで、以下を設定します:
| プロパティ | 説明 |
|---|---|
top | 上端からの距離。 |
bottom | 下端からの距離。 |
left | 左端からの距離。 |
right | 右端からの距離。 |
動作
Position.Absoluteの場合:直接の親の配置領域を基準にします。通常は親の padding box で、Grid の配置指定によってはグリッド領域を使います。Position.Relativeの場合:オフセットはフロー内のアイテムの通常の位置に対する相対値になります。
各辺はピクセル数、パーセント文字列、"auto"(デフォルト)を受け取ります。top / bottom / left / right は物理方向のままで、direction を変えてもプロパティ名の左右は入れ替わりません。
例
Loading Preview…