CSS offset-anchor özelliği

Tanımlama ve Kullanım

offset-anchor Özelliği, elementin üzerine sabitlemek için offset-path özellik tanımlanan yoldaki noktalar.

Kullanılırsa offset-rotate Özelliği döndüren element varsa offset-anchor Özellik tanımlanan noktalar da döndürme merkezi haline gelir.

<img> elementinin sağ merkez noktasını tanımlanan yolda sabitleyin:

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

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

Değer	Açıklama
auto	Öntanımlı Değer. Bağlayıcı, elementin merkezinde yer alır ve 50% 50% özellik değerine eşittir.
left top left center left bottom right top right center right bottom center top center center center bottom	Yalnızca bir anahtar kelime belirtildiğinde, diğer değeri "merkez" olur.
xpos ypos	İlk değer yatay konum, ikinci değer dikey konumdur. Sol üst köşe 0 0 dir. Birimler piksel (0px 0px) veya herhangi bir diğer CSS birimidir. Yalnızca bir değer belirtildiğinde, diğer değeri 50% olur. Yüzde ve konum karışık olarak kullanılabilir.
x% y%	İlk değer yatay konum, ikinci değer dikey konumdur. Sol üst köşe 0% 0% dir. Sağ alt köşe 100% 100% dir. Yalnızca bir değer belirtildiğinde, diğer değeri 50% olur. Öntanımlı değer: 50% 50%.
initial	Bu özelliği, öntanımlı değerine ayarlar. Bakınız initial.
inherit	Bu özelliği, ebeveyn elementinden miras alır. Bakınız inherit.

Öntanımlı Değer:	auto
Miras Yeterliliği:	Hayır
Animasyon Yapımı:	Desteği var. Bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS3
JavaScript Dilbilgisi:	object.style.offsetAnchor="bottom right"