Atributo objectPosition del estilo

Definición y uso

objectPosition La propiedad se utiliza para especificar <img> o <video> ¿Cómo posicionarse dentro de su propio cuadro de contenido?

Vea también:

Tutorial de CSS:CSS object-fit

Manual de referencia CSS:Propiedad object-position

Ejemplo

Ajuste el tamaño de la imagen para que se ajuste a su cuadro de contenido y colóquela a 5px a la izquierda y 10% en la parte superior del cuadro de contenido:

document.getElementById("myImg").style.objectPosition = "0 10%";

Pruebe usted mismo

Sintaxis

Devolver la propiedad objectPosition:

object.style.objectPosition

Configurar la propiedad objectPosition:

object.style.objectPosition = "position|initial|inherit"

Valor del atributo

Valor Descripción
position

Define la posición de la imagen o el video dentro de su cuadro de contenido.

El primer valor controla el eje x, el segundo valor controla el eje y.

Puede ser una cadena (left, center o right) o un número (en px o %).

Permite valores negativos.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: 50% 50%
Valor devuelto: Cadena o número que indica la posición del elemento dentro de su cuadro de contenido.
Versión de CSS: CSS3

Compatibilidad del navegador

La tabla indica la versión del navegador que admite completamente esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0