Display mode for images

The "Display mode" determines how an image should be adjusted in size in order to fit into its image container.

Contain

The image keeps its aspect ratio, but will be adjusted to fit within the given dimension of the image container.

This means that there may be gaps on the left and right or top and bottom if the aspect ratio of the image in a viewport does not match the aspect ratio of the image container.

cover

The image keeps its aspect ratio and fills its image container completely. The image will be clipped to make it fit.

In this mode, the image container is filled in each viewport. This results in the image being 'cut off' on the left and right or top and bottom if the aspect ratio of the image in a viewport does not match the aspect ratio of the image container.

none

The image size will not be changed.

scale-down

The image will be scaled down to the smallest version of 'none' or 'container'.

This means that there may be gaps on the left and right or top and bottom if the aspect ratio of the image in a viewport does not match the aspect ratio of the image container.

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH