CSS object-position Property

Description

The object-position property determines the alignment of the replaced element inside its box.

Initial value

50% 50%

Applies to

Replaced elements

Inherited

No

Media

Visual

Computed value

Specified value

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.objectPosition

Syntax

object-position: <position> 

Values

• <position>Specifies the position of a object area (e.g. background image) inside a positioning area (e.g. background positioning area).

Example

<img class="test" src="images/tech.gif" alt="">

img {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  background-color: silver;
  margin-right: 1em;
  object-fit: none;
}
.test {
  object-position: right top;
}

Browser Support

Desktop
X	79	32	36	19	10
Tablets / Mobile
4.4.3	32	36	19	10	2.0

Last updated by CSSPortal on: 3rd November 2019