# Explain the Perspective - Image - Fit - Mode properties

**URL:** <https://forum.inductiveautomation.com/t/explain-the-perspective-image-fit-mode-properties/59010>\
**Category:** Ignition\
**Created:** [April 28, 2022, 6:26pm UTC](https://forum.inductiveautomation.com/t/explain-the-perspective-image-fit-mode-properties/59010 "2022-04-28T18:26:52Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Shorr](https://avatars.discourse-cdn.com/v4/letter/d/ebca7d/32.png) [@David\_Shorr](https://forum.inductiveautomation.com/u/David_Shorr)\
**Post date:** [April 28, 2022, 6:26pm UTC](https://forum.inductiveautomation.com/t/explain-the-perspective-image-fit-mode-properties/59010/1 "2022-04-28T18:26:52Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/b/bb502b5d060d5f1a3a6a43a0ab43c65d440271f6.png)

The Fit - Mode properties are listed.  
mode Can be one of the following modes: none, fill, contain, cover, percent, or absolute.

But nothing explains what they do.

Please explain.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [April 28, 2022, 6:27pm UTC](https://forum.inductiveautomation.com/t/explain-the-perspective-image-fit-mode-properties/59010/2 "2022-04-28T18:27:31Z")

</div>

> **[object-fit - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit#values)**
>
> The object-fit CSS property sets how the content of a replaced element, such as an or , should be resized to fit its container.