CSS offset-distance 屬性

定義和用法

offset-distance 屬性用于設置元素與由 offset-path 屬性定義的路徑起點之間的距離。

<img> 元素被放置在其定義的路徑上，距離路徑起點 33% 的位置。

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

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

值	描述
0	元素放置在路徑的起點。默認值。
length	使用固定單位（如 px、pt、cm 等）指定元素與路徑起點之間的距離。不允許負值。請參閱：CSS 單位。
%	指定相對于路徑長度的百分比距離。
initial	將此屬性設置為其默認值。參閱 initial。
inherit	從其父元素繼承此屬性。參閱 inherit。

默認值：	0
繼承性：	否
動畫制作：	支持。請參閱：動畫相關屬性。
版本：	CSS3
JavaScript 語法：	object.style.offsetDistance="200px"

表格中的數字表示首個完全支持該屬性的瀏覽器版本。

Chrome	Edge	Firefox	Safari	Opera
55	79	72	16	42