CSS object-positionPropriété
Exemple
Réinitialiser la taille de l'image en fonction de la taille du conteneur, et définir la position de l'image :
img.a {
width: 200px;
height: 400px;
object-fit: none;
object-position: 5px 10%;
border: 5px solid red;
}
Essayez-le vous-même »
Définition de la balise et instructions d'utilisation
La propriété object-position est généralement utilisée avecobject-fitconjointement pour définir la position d'un élément.
object-position est généralement utilisée pour les balises img et video.
| Valeur par défaut : | 50% 50% |
|---|---|
| Héritée : | Oui. |
| animation: | Oui.À proposAnimations CSS Essayez-le vous-même » |
| version : | CSS3 |
| Syntaxe JavaScript : | object.style.objectPosition="0 10%" Essayez-le vous-même » |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent le premier numéro de version du navigateur qui prend en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| object-position | 31.0 | 16.0 | 36.0 | 7.1 | 19.0 |
Syntaxe
object-position: position|initial|inherit;
Valeur de la propriété
| Valeur | Description | |
|---|---|---|
| position | Spécifie la position de l'image ou de la vidéo dans le conteneur. La première valeur est la position de la coordonnée x, et la deuxième valeur est la position de la coordonnée y. Les modes de représentation sont :object-position: 50% 50%; object-position: right top; object-position: left bottom; object-position: 250px 125px; |
|
| initial | Défini comme valeur par défaut,À propos deinitial | |
| inherit | Hérite la propriété de l'élément parent de cet élément.À proposinherit |