CSS offset-anchor ominaisuus

Määritelmä ja käyttö

offset-anchor Ominaisuus määrittää elementin kiinni offset-path ominaisuudella määritettyyn polkuun.

Käytetään offset-rotate Ominaisuus pyörittää elementtiä, jos offset-anchor Ominaisuudella määritetyt pisteet tulevat myös pyörimiskeskukseksi.

Tuo <img>-elementin oikea keskikohde kiinni määritetyllä polulla:

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

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

Arvo	Kuvaus
auto	Oletusarvo. Ankkuri sijaitsee elementin keskellä, mikä vastaa ominaisuuden arvoa 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Jos määritetään vain yksi avainsana, toinen arvo on "center".
xpos ypos	Ensimmäinen arvo on horisontaalinen sijainti, toinen arvo on vertikaalinen sijainti. Ylätaso on 0 0. Yksiköt voivat olla pikseleitä (0px 0px) tai mikä tahansa muu CSS-yksikkö. Jos määritetään vain yksi arvo, toinen arvo on 50%. Voit sekoittaa käyttää %:ää ja sijaintia.
x% y%	Ensimmäinen arvo on horisontaalinen sijainti, toinen arvo on vertikaalinen sijainti. Ylätaso on 0% 0%. Alareuna on 100% 100%. Jos määritetään vain yksi arvo, toinen arvo on 50%. Oletusarvo on: 50% 50%.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden vanhemmalta elementiltä. Katso: inherit.