Propriété offset-anchor CSS

Page précédente offset
Page suivante offset-distance

Définition et utilisation

offset-anchor L'attribut spécifie que l'élément est fixé sur offset-path défini sur le point de la trajectoire.

Si l'attribut offset-rotate Si l'élément est roté par l'attribut offset-anchor Le point défini par l'attribut est également le centre de rotation.

Exemple

Fixe le point central droit de l'élément <img> sur la trajectoire définie :

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-anchor: right center;
}

Essayer par vous-même

Syntaxe CSS

offset-anchor: auto|value|initial|inherit;

Valeur de l'attribut

Valeur	Description
auto	Valeur par défaut. L'ancrage est au centre de l'élément, équivalent à la valeur de l'attribut 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Si une seule valeur de mot-clé est spécifiée, l'autre valeur sera "center".
xpos ypos	La première valeur est la position horizontale, la deuxième valeur est la position verticale. Le coin supérieur gauche est 0 0. L'unité peut être en pixels (0px 0px) ou toute autre unité CSS. Si une seule valeur est spécifiée, l'autre valeur sera de 50%. Il est possible de mélanger % et positions.
x% y%	La première valeur est la position horizontale, la deuxième valeur est la position verticale. Le coin supérieur gauche est 0% 0%. Le coin inférieur droit est 100% 100%. Si une seule valeur est spécifiée, l'autre valeur sera de 50%. La valeur par défaut est : 50% 50%.
initial	Définit cette propriété à sa valeur par défaut. Voir : initial.
inherit	Inherits this property from its parent element. Voir : inherit.

Détails techniques

Valeur par défaut :	auto
Héritabilité :	Non
Création d'animation :	Prise en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.offsetAnchor="bas droite"