Thuộc tính offset-distance CSS

Trang trước offset-anchor
Trang tiếp theo offset-path

Định nghĩa và cách sử dụng

offset-distance Thuộc tính này được sử dụng để đặt phần tử với đường dẫn được offset-path Khoảng cách giữa điểm bắt đầu được định nghĩa bởi thuộc tính.

Mô hình

Phần tử <img> được đặt trên đường dẫn được định nghĩa, cách điểm bắt đầu của đường dẫn 33%.

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

Thử nghiệm ngay

Ngữ pháp CSS

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

Giá trị thuộc tính

Giá trị	Mô tả
0	Phần tử được đặt ở điểm bắt đầu của đường dẫn. Giá trị mặc định.
length	Định nghĩa khoảng cách bằng các đơn vị cố định (như px, pt, cm, v.v.) để chỉ định khoảng cách từ phần tử đến điểm bắt đầu của đường dẫn. Không cho phép giá trị âm. Xem thêm:Đơn vị CSS.
%	Định nghĩa khoảng cách phần trăm so với độ dài của đường dẫn.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định:	0
Di truyền:	Không
Chỉnh sửa animation:	Hỗ trợ. Xem thêm:Các thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngữ pháp JavaScript:	object.style.offsetDistance="200px"