Stile objectPosition Proprietà
Esempio
Ridimensiona un'immagine per adattarla al riquadro del contenuto e posiziona l'immagine a 5px da sinistra e al 10% dall'alto all'interno del riquadro del contenuto:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definizione e utilizzo
La proprietà objectPosition viene utilizzata per specificare come posizionare un <img> o un <video> nella propria casella di contenuto.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Sintassi
Restituisce la proprietà objectPosition:
object.style.objectPosition
Imposta la proprietà objectPosition:
object.style.objectPosition = "position|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-asis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | 50% 50% |
---|---|
Valore di ritorno: | Una stringa o un numero, che rappresenta la posizione di un elemento nella sua casella di contenuto |
Versione CSS | CSS3 |
Pagine correlate
Tutorial CSS: adattamento agli oggetti CSS
Riferimento CSS: proprietà della posizione dell'oggetto
❮ Oggetto stile