Thuộc tính marker-mid CSS
- Trang trước marker-end
- Trang tiếp theo marker-start
Định nghĩa và cách sử dụng
marker-mid
Thuộc tính chỉ định một dấu hiệu sẽ được vẽ trên tất cả các điểm đỉnh giữa của đường dẫn phần tử.
Hình dạng của dấu hiệu được định nghĩa bởi phần tử SVG <marker> và được tham chiếu bằng giá trị url().
CSS marker-mid
Giá trị của thuộc tính sẽ che盖 giá trị của thuộc tính marker-mid trong SVG.
Mô hình
Ví dụ 1
Chỉ định một dấu hiệu (mũi tên), dấu hiệu này sẽ được vẽ trên tất cả các điểm đỉnh giữa của đường dẫn phần tử:
#test { marker-mid: url(#arrow); }
Ví dụ 2
Chỉ định một dấu hiệu (đường tròn), dấu hiệu này sẽ được vẽ trên tất cả các điểm đỉnh giữa của đường dẫn phần tử:
#test { marker-mid: url(#circle); }
Ngữ pháp CSS
marker-mid: none|url|initial|inherit;
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
none | Giá trị mặc định. Không vẽ bất kỳ dấu hiệu nào ở giữa điểm đỉnh của đường dẫn. |
url | Tham chiếu URL của dấu hiệu được định nghĩa bởi phần tử SVG <marker>. |
initial | Đặt thuộc tính này thành giá trị mặc định. Xem thêm initial。 |
inherit | Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit。 |
Hỗ trợ trình duyệt
Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ tính thuộc tính này.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Trang liên quan
Giáo trình:Dấu hiệu SVG
Tham khảo:Thuộc tính marker CSS
Tham khảo:Thuộc tính marker-start CSS
Tham khảo:Thuộc tính marker-end CSS
- Trang trước marker-end
- Trang tiếp theo marker-start