CSS offset-afstand eigenschap

Vorige pagina offset-anchor
Volgende pagina offset-path

Definitie en gebruik

offset-distance Deze eigenschap wordt gebruikt om het element te plaatsen met behulp van offset-path De afstand tussen de beginpunten van de paden die door de eigenschap worden gedefinieerd.

Voorbeeld

Het <img>-element wordt geplaatst op het pad dat is gedefinieerd, op een locatie van 33% van het beginpunt van het pad.

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

Probeer het zelf uit

CSS syntaxis

offset-distance: auto|length|initial|inherit;

Eigenschapswaarde

Waarde	Beschrijving
0	Het element wordt geplaatst aan het beginpunt van het pad. Standaardwaarde.
length	Gebruik een vaste eenheid (zoals px, pt, cm, etc.) om de afstand tussen het element en het beginpunt van het pad te specificeren. Negatieve waarden zijn niet toegestaan. Raadpleeg:CSS Units.
%	Specificeer een percentage afstand ten opzichte van de lengte van het pad.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erfgenomen van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde:	0
Inheritantie:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.offsetDistance="200px"