CSS offset-distance ominaisuus
- Edellinen sivu offset-anchor
- Seuraava sivu offset-path
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%; }
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
- Edellinen sivu offset-anchor
- Seuraava sivu offset-path