Bixby Developer Center

References

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.

The following table shows examples of images with the various alignments.

TopCenterBottom
TopCenterBottom
LeftCenterRight
LeftCenterRight

Examples

Top

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

Left

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

Center

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

Right

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

Bottom

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

Child Keys

value
optional
A value that matches one of the valid enumerated options of its parent key