Hisia ya offset-anchor

Picha ya tatu offset
Picha ya nne offset-distance

Mafano na Matumizi

offset-anchor Inasaidia kufikia kushoto kwa kusini kwa kushoto cha elementi kwa sababu ya: offset-path Inasaidia kwa nia ya mzinga wa kifaa.

Ikiwa inasaidia kwa nia ya mzinga wa kifaa: offset-rotate Inasaidia kufikia kushoto kwa kusini kwa kushoto cha elementi. offset-anchor Pia inasaidia kwa nia ya mzinga wa kifaa kwa sababu ya hiyo.

Mbinu

Inasaidia kufikia kushoto kwa kusini kwa kushoto cha elementi ya <img> kwa nia ya mzinga wa kifaa:

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

Tafuta Tukio

Inayotumika Kiingilizi

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

Chaguo cha Kina

Chaguo	Kueleza
auto	Chaguo cha kwa muufikia. Anaeleza kwa kushoto kwa juu kwa kushoto kwa kusini.
kushoto kwa kimoja kushoto kwa kushoto kushoto kwa kusini kushoto kwa kimoja kushoto kwa kushoto kushoto kwa kusini kushoto kwa kimoja kushoto kwa kushoto kushoto kwa kusini	Ikiwa inasaidia kwa neno kimoja, neno mwingine kinasaidia "kushoto".
xpos ypos	Neno kimoja ni kina na neno kimeolewa ni eneo la kimoja. Kushoto kwa juu ni 0 0. Inayotumiwa kwa mita (0px 0px) au kwa kina kina kina ya CSS. Ikiwa inasaidia kwa neno kimoja, neno mwingine kinasaidia 50%. Inafanyika kufanyika kwa kufikia na eneo.
x% y%	Neno kimoja ni kina na neno kimeolewa ni eneo la kimoja. Kushoto kwa juu ni 0% 0%. Kusini kwa kushoto ni 100% 100%. Ikiwa inasaidia kwa neno kimoja, neno mwingine kinasaidia 50%. Chaguo cha kwa muufikia ni 50% 50%.
initial	Inasaidia kufikia chaguo cha kwa muufikia kwa sababu ya hiyo. Angalia: initial.
inherit	Inaingia kwa kina kutoka kwa elementi yake ya mwingine. Angalia: inherit.

Mafano ya Teknolojia

Chaguo cha Kwa Muufikia:	auto
Muungano:	Hakuna
Anzishinda Hali:	Inasaidia. Angalia:Mafano ya Hali ya Animate.
Sanaa:	CSS3
Inayotumika Kiingilizi:	object.style.offsetAnchor="mzu wa kushoto wa kulia"