Bixby Developer Center

Guides
References

image-object-position

optionalvalue optional

Determines the positioning alignment of an image within a Bixby Views component.

You can choose from the following alignment options:

  • Top
  • Left
  • Center [Default]
  • Right
  • Bottom
Note

The object-fit of an image and the aspect-ratio also affect how much and which part of the image is displayed.

TopCenterBottom
TopCenterBottom
LeftCenterRight
LeftCenterRight

Examples

Top

image {
object-position (Top)
object-fit (Cover)
aspect-ratio (21:9)
url (my-capsule.com/image.jpg)
}

Top

Left

image {
object-position (Left)
object-fit (Cover)
aspect-ratio (9:21)
url (my-capsule.com/image.jpg)
}

Left

Center

image {
object-position (Center)
object-fit (Cover)
aspect-ratio (1:1)
url (my-capsule.com/image.jpg)
}

Center

Right

image {
object-position (Right)
object-fit (Cover)
aspect-ratio (9:21)
url (my-capsule.com/image.jpg)
}

Right

Bottom

image {
object-position (Bottom)
object-fit (Cover)
aspect-ratio (21:9)
url (my-capsule.com/image.jpg)
}

Right