Proprietà offset-distance CSS

Pagina precedente offset-anchor
Pagina successiva offset-path

Definizione e uso

offset-distance L'attributo viene utilizzato per impostare la distanza dell'elemento rispetto al percorso definito da offset-path Distanza tra l'inizio del percorso definito dall'attributo.

Esempio

L'elemento <img> viene posizionato sul percorso definito, a una distanza del 33% dall'inizio del percorso.

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

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore	Descrizione
0	L'elemento viene posizionato all'inizio del percorso. Valore predefinito.
length	Specificare la distanza dell'elemento rispetto all'inizio del percorso utilizzando unità fisse (come px, pt, cm ecc.). Non sono ammessi valori negativi. Vedi:Unità CSS.
%	Specificare la distanza percentuale rispetto alla lunghezza del percorso.
initial	Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit	Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito:	0
Ereditarietà:	No
Produzione dell'animazione:	Supportato. Vedi:Proprietà correlate all'animazione.
Versione:	CSS3
Sintassi JavaScript:	object.style.offsetDistance="200px"