CSS offset-anchor egenskab

Definition og brug

offset-anchor Egenskaben specificerer elementet, der fastgøres på offset-path punkter på den definerede sti.

Bruges offset-rotate Egenskaben roterer elementet, hvis offset-anchor De definerede punkter for egenskaben vil også blive rotationens center.

Fastgør højre centerpunkt af <img>-elementet på den definerede sti:

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

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

Værdi	Beskrivelse
auto	Standardværdi. Ankeret placeres i elementets center, hvilket svarer til værdien 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Hvis kun én nøgleord angives, vil den anden værdi være "center".
xpos ypos	Den første værdi er horisontal position, den anden værdi er vertikal position. Øverst til venstre er 0 0. En enhed kan være pixels (0px 0px) eller enhver anden CSS-enhed. Hvis kun én værdi angives, vil den anden værdi være 50%. Man kan blande brug af % og position.
x% y%	Den første værdi er horisontal position, den anden værdi er vertikal position. Øverst til venstre er 0% 0%. Nederst til højre er 100% 100%. Hvis kun én værdi angives, vil den anden værdi være 50%. Standardværdien er: 50% 50%.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arver denne egenskab fra sin forældrelige element. Se: inherit.

Standardværdi:	auto
Arv:	Nej
Animation fremstilling:	Understøttes. Se:Animationsrelaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.offsetAnchor="bottom right"