object fit
| Style | Class |
object-fit: fill; |
.object-fill |
object-fit: contain; |
.object-contain |
object-fit: cover; |
.object-cover |
object-fit: scale-down; |
.object-scale-down |
object-fit: none; |
.object-none |
Examples
.object-fill
<img class="w-50pc h-l10 object-fill border" src="...">
.object-contain
<img class="w-50pc h-l10 object-contain border" src="...">.object-cover
<img class="w-50pc h-l10 object-cover border" src="...">.object-scale-down
<img class="w-50pc h-l10 object-scale-down border" src="...">.object-none
<img class="w-50pc h-l10 object-none border" src="...">