CSS offset-distance özelliği

Tanımlama ve Kullanım

offset-distance Özellik, elemanın offset-path Özellik tarafından tanımlanan yolun başlangıcı arasındaki mesafe.

<img> ögesi, tanımladığı yolda, yolun başlangıcından 33% mesafede yer alır.

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

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

Değer	Açıklama
0	Eleman, yolun başlangıcında yer alır. Varsayılan değer.
length	Sabit birimler (örneğin px, pt, cm vb.) kullanarak elemanın yola başlangıcı ile arasındaki mesafeyi belirtin. Negatif değerler izin verilmez. Ayrıca bakınız:CSS Birimleri.
%	Yola göre belirtilen uzunluğa göre yüzdelik mesafeyi belirtir.
initial	Bu özelliği varsayılan değerine ayarlar. Ayrıca bakınız: initial.
inherit	Bu özelliği ebeveyn elemanından devralır. Ayrıca bakınız: inherit.

Varsayılan Değer:	0
Devralabilirlik:	Hayır
Animasyon Yapımı:	Desteklenir. Ayrıca bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.offsetDistance="200px"