CSS offset-anchor 屬性

定義和用法

offset-anchor 屬性指定元素上固定在由 offset-path 屬性定義的路徑上的點。

如果使用 offset-rotate 屬性旋轉元素，則 offset-anchor 屬性定義的點也將成為旋轉中心。

將 <img> 元素的右中心點固定在定義的路徑上：

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-anchor: right center;
}

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

值	描述
auto	默認值。錨點位于元素的中心，等同于屬性值 50% 50%。
left top left center left bottom right top right center right bottom center top center center center bottom	如果只指定一個關鍵字，另一個值將為 "center"。
xpos ypos	第一個值是水平位置，第二個值是垂直位置。左上角是 0 0。單位可以是像素（0px 0px）或任何其他 CSS 單位。如果只指定一個值，另一個值將為 50%。可以混合使用 % 和位置。
x% y%	第一個值是水平位置，第二個值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果只指定一個值，另一個值將為 50%。默認值為：50% 50%。
initial	將此屬性設置為其默認值。參閱 initial。
inherit	從其父元素繼承此屬性。參閱 inherit。

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

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

Chrome	Edge	Firefox	Safari	Opera
116	116	72	16	102