Atribut offset-anchor CSS

Definisi dan penggunaan

offset-anchor Atribut menentukan elemen yang tetap di atas offset-path titik di jalur yang didefinisikan oleh atribut.

Jika menggunakan offset-rotate Atribut mengputar elemen, maka offset-anchor Titik yang didefinisikan oleh atribut juga akan menjadi pusat putar.

Menetapkan titik tengah kanan elemen <img> tetap di jalur yang ditentukan:

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

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

Nilai	Deskripsi
auto	Nilai default. Anchor berada di tengah elemen, setara dengan nilai atribut 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Jika hanya menentukan satu kata kunci, nilai lainnya akan menjadi "center".
xpos ypos	Nilai pertama adalah posisi horizontal, nilai kedua adalah posisi vertikal. Kotak atas kiri adalah 0 0. Unit dapat berupa piksel (0px 0px) atau setiap unit CSS lainnya. Jika hanya menentukan satu nilai, nilai lainnya akan menjadi 50%. Dapat digabungkan persen dan posisi.
x% y%	Nilai pertama adalah posisi horizontal, nilai kedua adalah posisi vertikal. Kotak atas kiri adalah 0% 0%. Bawah kanan adalah 100% 100%. Jika hanya menentukan satu nilai, nilai lainnya akan menjadi 50%. Nilai defaultnya adalah: 50% 50%.
initial	Menetapkan atribut ini ke nilai default. Lihat: initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat: inherit.

Nilai default:	auto
Inheritsi:	Tidak
Produksi animasi:	Dukungan. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.offsetAnchor="bottom right"