CSS właściwość offset-anchor

Definicja i użycie

offset-anchor Atrybut określa element, który jest trzymany na offset-path punkty zdefiniowane przez atrybut.

Używając offset-rotate Atrybut obraca element, jeśli offset-anchor Punkty zdefiniowane przez atrybuty będą również punktami obrotu.

Umieść prawy środek elementu <img> na zdefiniowanej ścieżce:

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

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

Wartość	Opis
auto	Domyślna wartość. Ankier znajduje się w centrum elementu, co jest równe wartości 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Jeśli podano tylko jedną nazwę kluczową, druga wartość wyniesie "center".
xpos ypos	Pierwsza wartość to pozycja pozioma, druga wartość to pozycja pionowa. Górny lewy róg to 0 0. Jednostką może być piksel (0px 0px) lub inna jednostka CSS. Jeśli podano tylko jedną wartość, druga wartość wyniesie 50%. Można mieszać % i pozycje.
x% y%	Pierwsza wartość to pozycja pozioma, druga wartość to pozycja pionowa. Górny lewy róg to 0% 0%. Dolny prawy róg to 100% 100%. Jeśli podano tylko jedną wartość, druga wartość wyniesie 50%. Domyślna wartość to 50% 50%.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Inhereduje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Domyślna wartość:	auto
Inheredność:	Nie
Tworzenie animacji:	Wsparcie. Zobacz:Atrybuty związane z animacją.
Wersja:	CSS3
Gramatyka JavaScript:	object.style.offsetAnchor="bottom right"