CSS offset-distance 属性

<img> 元素放置在其定义的路径上，距路径起点的距离为 33%。

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

定义和用法

这个offset-distance属性设置元素距由定义的路径起点的距离offset-path属性。

默认值：	0
遗传：	不
可动画：	是的。阅读可动画的尝试一下
版本：	CSS3
JavaScript 语法：	对象.style.offsetDistance="200px"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
offset-distance	55.0	79.0	72.0	Not supported	42.0

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

Value	Description
0	The element is placed at the start of its path. This is default.
length	Specifies the elements distance from the start of its path in px, pt, cm, etc. Negative values are not allowed. Read about length units
%	Specifies the distance in percent relative to the lenth of the path.
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit