Style objectPosition Property
Exemple
Redimensionnez une image pour l'adapter à sa zone de contenu et positionnez l'image à 5 px de la gauche et à 10 % du haut à l'intérieur de la zone de contenu :
document.getElementById("myImg").style.objectPosition = "0 10%";
Définition et utilisation
La propriété objectPosition est utilisée pour spécifier comment un <img> ou <video> doit être positionné dans sa propre zone de contenu.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Syntaxe
Renvoyez la propriété objectPosition :
object.style.objectPosition
Définissez la propriété objectPosition :
object.style.objectPosition = "position|initial|inherit"
Valeurs de propriété
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 |
Détails techniques
Valeur par défaut: | 50% 50% |
---|---|
Valeur de retour : | Une chaîne ou un nombre, représentant la position d'un élément dans sa zone de contenu |
Version CSS | CSS3 |
Pages connexes
Tutoriel CSS : ajustement d'objet CSS
Référence CSS : propriété object-position
❮ Objet de style