Bixby Developer Center

Guides
References

aspect-ratio

optionalvalue optional

Determines the standalone image's aspect ratio.

You can specify the following aspect ratios:

  • 21:9
    Image with 21:9 ratio
  • 16:9
    Image with 16:9 ratio
  • 4:3
    Image with 4:3 ratio
  • 1:1
    Image with 1:1 ratio
  • 3:4
    Image with 3:4 ratio
  • 9:16
    Image with 9:16 ratio
  • 9:21
    Image with 9:21 ratio
Note

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

Example

image{
aspect-ratio(21:9)
url("https://myphoto.png")
object-fit(cover)
}