Attribut offset-distance CSS

Page précédente offset-anchor
Page suivante offset-path

Définition et utilisation

offset-distance L'attribut est utilisé pour définir la distance entre l'élément et le chemin défini par offset-path La distance entre les points de départ du chemin définis par l'attribut.

Exemple

L'élément <img> est placé sur le chemin défini, à une distance de 33% du point de départ du chemin.

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

Essayez-le vous-même

Syntaxe CSS

offset-distance: auto|length|initial|inherit;

Valeur de l'attribut

Valeur	Description
0	L'élément est placé au point de départ du chemin. Valeur par défaut.
length	Spécifier une distance en unité fixe (comme px, pt, cm, etc.) pour la distance entre l'élément et le point de départ du chemin. Les valeurs négatives ne sont pas autorisées. Voir :Unités CSS.
%	Définir une distance en pourcentage par rapport à la longueur du chemin.
initial	Règle 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 :	0
Héritabilité :	Non
Réalisation des animations :	Prise en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.offsetDistance="200px"