Attribut objectPosition du style

Définition et utilisation

objectPosition L'attribut est utilisé pour définir <img> ou <video> Comment le positionner dans sa propre boîte de contenu.

Voir également :

Tutoriel CSS :CSS object-fit

Manuel de référence CSS :Attribut object-position

Exemple

Ajustez la taille de l'image pour qu'elle s'adapte à sa boîte de contenu et placez l'image à 5px à gauche et 10% du haut de la boîte de contenu :

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

Essayez-le vous-même

Syntaxe

Retourner l'attribut objectPosition :

object.style.objectPosition

Définir l'attribut objectPosition :

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

Valeur de l'attribut

Valeur Description
position

Définit la position de l'image ou de la vidéo dans sa boîte de contenu.

La première valeur contrôle l'axe x, la deuxième valeur contrôle l'axe y.

Peut être une chaîne (left, center ou right) ou un nombre (en px ou %).

Permet des valeurs négatives.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : 50% 50%
Valeur de retour : Une chaîne ou un nombre, indiquant la position de l'élément dans sa boîte de contenu.
Version de CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opéra
Chrome Edge Firefox Safari Opéra
31.0 16.0 36.0 10.1 19.0