CSS offset-distance ominaisuus

Määrittely ja käyttö

offset-distance Ominaisuus asettaa elementin etäisyyden offset-path Ominaisuuden määrittämän polun alkupisteiden välinen etäisyys.

Esimerkki

<img>-elementti sijoitetaan sen määrittämän polun varrelle, 33% etäisyydellä polun alkupisteestä.

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
0 Elementti sijoitetaan polun alkupisteeseen. Oletusarvo.
length

Määritä elementin ja polun alkupisteen välinen etäisyys kiinteillä yksiköillä (esim. px, pt, cm jne.).

Negatiiviset arvot eivät ole sallittuja. Katso:CSS yksiköt.

% Määritä suhteellinen prosenttietäisyys polun pituudesta.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Periisi isäntäelementistä tämän ominaisuuden. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Perintä: Ei
Animaatioiden luominen: Tuki. Katso:Animaatiot.
Versio: CSS3
JavaScript-kieli: object.style.offsetDistance="200px"

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
55 79 72 16 42

Liittyvät sivut

Oppitunti:SVG polku

Oppitunti:CSS animaatio

Viittaus:CSS offset ominaisuus

Viittaus:CSS offset-anchor ominaisuus

Viittaus:CSS offset-path ominaisuus

Viittaus:CSS offset-position ominaisuus

Viittaus:CSS offset-rotate ominaisuus