Object Position

Utilities for controlling how a replaced element's content should be positioned within its container.

Class CSS Output
object-bottom-left
object-position: left bottom;
}
object-bottom
object-position: bottom;
}
object-right
object-position: right;
}
object-left
object-position: left;
}
object-top
object-position: top;
}
object-left-top
object-position: left top;
}
object-center
object-position: center;
}
object-top-left
object-position: left top;
}
object-top-right
object-position: right top;
}
object-left-bottom
object-position: left bottom;
}

object-bottom-left

object-position: left bottom;

object-bottom

object-position: bottom;

object-right

object-position: right;

object-left

object-position: left;

object-top

object-position: top;

object-left-top

object-position: left top;

object-center

object-position: center;

object-top-left

object-position: left top;

object-top-right

object-position: right top;

object-left-bottom

object-position: left bottom;

Reference

CSS Properties

  • object-position