Thuộc tính offset-anchor CSS

Định nghĩa và sử dụng

offset-anchor Thuộc tính chỉ định phần tử cố định trên offset-path điểm trên đường dẫn được thuộc tính định nghĩa.

Nếu sử dụng offset-rotate Thuộc tính quay phần tử, thì offset-anchor Điểm định nghĩa thuộc tính cũng sẽ trở thành tâm quay.

Chỉ định điểm trung tâm bên phải của phần tử <img> cố định trên đường dẫn đã định:

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

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

Giá trị	Mô tả
auto	Giá trị mặc định. Điểm chìa khóa nằm ở trung tâm của phần tử, tương đương giá trị 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Nếu chỉ chỉ định một từ khóa, giá trị còn lại sẽ là "center".
xpos ypos	Giá trị đầu tiên là vị trí ngang, giá trị thứ hai là vị trí dọc. Góc trên cùng bên trái là 0 0. Đơn vị có thể là pixel (0px 0px) hoặc bất kỳ đơn vị CSS nào khác. Nếu chỉ chỉ định một giá trị, giá trị còn lại sẽ là 50%. Có thể kết hợp % và vị trí.
x% y%	Giá trị đầu tiên là vị trí ngang, giá trị thứ hai là vị trí dọc. Góc trên cùng bên trái là 0% 0%. Góc dưới cùng bên phải là 100% 100%. Nếu chỉ chỉ định một giá trị, giá trị còn lại sẽ là 50%. Giá trị mặc định là: 50% 50%.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Tiếp nhận thuộc tính này từ phần tử cha. Xem thêm inherit.

Giá trị mặc định:	auto
Di truyền:	Không
Ch製 animation:	Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngôn ngữ syntax JavaScript:	object.style.offsetAnchor="bottom right"