Definición de .object-position en CSS
La propiedad CSS .object-position se usa para alinear cualquier elemento reemplazado seleccionado (por ejemplo, un ) dentro del cuadro que lo contiene.
Caso de uso : propiedad CSS object-position
Esta propiedad de CSS habitualmente se utiliza de esta forma:
img {
object-position: right bottom;
}Otro ejemplo más avanzado de .object-position es el siguiente de CODEPEN:
Sintaxis de .object-position en CSS
object-position: position|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| posición | Especifica la posición de la imagen o el video dentro de su cuadro de contenido. El primer valor controla el eje x y el segundo valor controla el eje y. Puede ser una cadena (izquierda, centro o derecha) o un número (en px o %). Se permiten valores negativos | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .object-position
Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 1 | |||||
| Inherited: | no | ||||
| Animatable: | yes, see individual properties. Read about animatable Try it | ||||
| Version: | CSS3 | ||||
| JavaScript syntax: | object.style.opacity=»0.5″Try it |
