Propriedade offset-anchor do CSS

Página anterior Offset
Próxima página offset-distance

Definição e uso

offset-anchor Propriedade que especifica o elemento fixo no offset-path pontos definidos pela propriedade na linha.

Se usar offset-rotate Propriedade que roda o elemento, então offset-anchor Os pontos definidos pela propriedade também se tornarão o centro de rotação.

Exemplo

Fixe o ponto central direito do elemento <img> na linha definida:

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

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor	Descrição
auto	Valor padrão. O âncora está no centro do elemento, equivalente ao valor da propriedade 50% 50%.
left top left center left bottom right top right center right bottom center top center center center bottom	Se apenas um nome de palavra-chave for especificado, o outro valor será "center".
xpos ypos	O primeiro valor é a posição horizontal, e o segundo valor é a posição vertical. O canto superior esquerdo é 0 0. As unidades podem ser pixels (0px 0px) ou qualquer outra unidade CSS. Se apenas um valor for especificado, o outro será 50%. Pode misturar % e posições.
x% y%	O primeiro valor é a posição horizontal, e o segundo valor é a posição vertical. O canto superior esquerdo é 0% 0%. O canto inferior direito é 100% 100%. Se apenas um valor for especificado, o outro será 50%. O valor padrão é: 50% 50%.
initial	Defina essa propriedade como seu valor padrão. Veja: initial.
inherit	Herda essa propriedade do elemento pai. Veja: inherit.

Detalhes técnicos

Valor padrão:	auto
Herança:	Não
Produção de animação:	Suporte. Veja:Propriedades relacionadas a animação.
Versão:	CSS3
Sintaxe do JavaScript:	object.style.offsetAnchor="bottom right"