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%; }
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" |
Browserondersteuning
De cijfers in de tabel geven de browserversie aan die de eigenschap volledig ondersteunt.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
55 | 79 | 72 | 16 | 42 |
Gerelateerde pagina's
Handleiding:SVG pad
Handleiding:CSS animatie
Referentie:CSS offset eigenschap
Referentie:CSS offset-anker eigenschap
Referentie:CSS offset-padweg eigenschap
Referentie:CSS offset-positie eigenschap
Referentie:CSS offset-rotatie eigenschap
- Vorige pagina offset-anchor
- Volgende pagina offset-path