CSS offset-anchor egenskap

Föregående sida offset
Nästa sida offset-distance

Definition och användning

offset-anchor Egenskapen specificerar elementet som är fast på offset-path Punkten definierad av egenskapen på vägen.

Om du använder offset-rotate Egenskapen roterar elementet, då offset-anchor Punkten definierad av egenskapen kommer också att bli rotationscentrum.

Exempel

Fäst höger mitt på <img>-elementet på den definierade vägen:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde	Beskrivning
auto	Standardvärde. Ankkern ligger i elementets mitt, vilket är lika med egenskapsvärdet 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Om endast en nyckelord anges, kommer det andra värdet att vara "center".
xpos ypos	Det första värdet är horisontell position, det andra värdet är vertikal position. Överst till vänster är 0 0. Enheter kan vara pixlar (0px 0px) eller någon annan CSS-enhet. Om endast en värde anges, kommer det andra värdet att vara 50%. Det är möjligt att blanda användning av % och position.
x% y%	Det första värdet är horisontell position, det andra värdet är vertikal position. Överst till vänster är 0% 0%. Nederst till höger är 100% 100%. Om endast en värde anges, kommer det andra värdet att vara 50%. Standardvärdet är: 50% 50%.
initial	Sätt detta egenskap till dess standardvärde. Se: initial.
inherit	Följande föräldrelementet för att arbeta detta egenskap. Se: inherit.

Tekniska detaljer

Standardvärde:	auto
Arv:	Nej
Animation tillverkning:	Stöd. Se:Animation relaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.offsetAnchor="bottom right"