object-position
Term side of the Card
Topic: Image Handling
Unit title: object-position
Categories: Property
Explanation side of the Card
Explanation: The property that defines the position of an element's content within its container when `object-fit` property is used. It sets the alignment of the content, such as 'center', 'top', 'left' or specific coordinates (using pixels, percentages or other units), controlling how the content is positioned relative to its container.
Browser compatibility:
- The chrome browser supports this feature starting from version 32
- The edge browser supports this feature starting from version 79
- The firefox browser supports this feature starting from version 36
- The safari browser supports this feature starting from version 10
Availability: