Images

CSS utility classes for adjusting images.

Class names

Class	Description
object-contain	object-fit: contain;
object-cover	object-fit: cover;
object-fill	object-fit: fill;

Examples

Contain

<img class="border border-dashed object-contain" style="width:100%;height:100px" role="presentation" src="/logo/harmonia-square.jpg" />

Cover

<img class="border border-dashed object-cover" style="width:100%;height:100px" role="presentation" src="/logo/harmonia-square.jpg" />

Fill

<img class="border border-dashed object-fill" style="width:100%;height:100px" role="presentation" src="/logo/harmonia-square.jpg" />