Bixby Developer Center

Guides
References

image-object-fit

optionalvalue optional

Determines how an image fits within a Bixby Views component.

You can specify one of the following:

  • Contain - Increases or decreases the size of the image to fill the content box whilst preserving its aspect-ratio.

    Example:

    An image with `image-object-fit` set to `Contain`

  • Cover - The image fills the height and width of its content box, once again maintaining its aspect ratio but often cropping the image in the process. This is the default.

    Example:

    An image with `image-object-fit` set to `Cover`

Note

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