Bixby Developers

object-position

optionalvalue optional

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

You can choose from the following alignment options:

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.

`Top`	`Center`	`Bottom`

`Left`	`Center`	`Right`

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)
}

optional

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