Attributo objectPosition dello stile

Definizione e uso

objectPosition L'attributo viene utilizzato per stabilire <img> o <video> Come posizionare all'interno del suo proprio riquadro di contenuto.

Vedi anche:

Tutorial CSS:CSS object-fit

Manuale CSS:Attributo object-position

Esempio

Adatta la dimensione dell'immagine per adattarsi al suo riquadro di contenuto e posiziona l'immagine all'interno del riquadro di contenuto a 5px di distanza dal lato sinistro e 10% di distanza dal bordo superiore:

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

Prova tu stesso

Sintassi

Restituisce l'attributo objectPosition:

object.style.objectPosition

Imposta l'attributo objectPosition:

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

Valore dell'attributo

Valore Descrizione
position

Stabilisce la posizione dell'immagine o del video nel suo riquadro di contenuto.

Il primo valore controlla l'asse x, il secondo valore controlla l'asse y.

Può essere una stringa (sinistra, centro o destra) o un numero (espresso in px o %).

Permette valori negativi.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: 50% 50%
Valore di ritorno: Stringa o numero che rappresenta la posizione dell'elemento nel suo riquadro di contenuto.
Versione di CSS: CSS3

Supporto del browser

Le cifre nel tavolo indicano la versione del browser che supporta completamente questa proprietà.

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