オフセット (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…

次のステップ

© 2026 ByteLand Technology Limited