Properti offset-distance CSS

Definisi dan penggunaan

offset-distance Properti digunakan untuk menentukan jarak elemen dengan jalur yang offset-path jarak antara titik awal yang ditentukan properti.

Contoh

Elemen <img> ditempatkan di jalur yang ditentukan, di posisi 33% dari titik awal jalur.

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

Coba sendiri

Syntaks CSS

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

Nilai properti

Nilai Deskripsi
0 Elemen ditempatkan di titik awal jalur. Nilai standar.
length

Gunakan unit tetap (seperti px, pt, cm, dll) untuk menentukan jarak elemen dengan titik awal jalur.

Tidak diizinkan nilai negatif. Lihat:Satuan CSS.
% Tentukan jarak persentase relatif untuk panjang jalur.
initial Setel properti ini ke nilai standarnya. Lihat initial.
inherit Mengambil properti ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai standar: 0
Inheritance: Tidak
Pembuatan animasi: Dukungan. Lihat:Properti yang berhubungan dengan animasi.
Versi: CSS3
Syntaks JavaScript: object.style.offsetDistance="200px"

Dukungan Browser

Angka di tabel menunjukkan versi browser yang sepenuhnya mendukung properti ini.

Chrome Edge Firefox Safari Opera
55 79 72 16 42

Laman yang berhubungan

Panduan：Jalur SVG

Panduan：Animasi CSS

Referensi：Properti offset CSS

Referensi：Properti offset-anchor CSS

Referensi：Properti offset-path CSS

Referensi：Properti offset-position CSS

Referensi：Properti offset-rotate CSS