Thuộc tính marker-start CSS
- Trang trước marker-mid
- Trang tiếp theo mask
Định nghĩa và cách sử dụng
marker-start
Thuộc tính chỉ định đến một dấu hiệu, dấu hiệu này sẽ được vẽ trên điểm đầu tiên 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ởi giá trị url().
CSS marker-start
Giá trị của thuộc tính sẽ che phủ giá trị của thuộc tính marker-start trong SVG.
Mô hình
Ví dụ 1
Chỉ định đến một dấu hiệu (mũi tên), dấu hiệu này sẽ được vẽ trên điểm đầu tiên của đường dẫn phần tử:
#test { marker-start: url(#arrow); }
Ví dụ 2
Chỉ định đến một dấu hiệu (đường tròn), dấu hiệu này sẽ được vẽ trên điểm đầu tiên của đường dẫn phần tử:
#test { marker-start: url(#circle); }
Ngữ pháp CSS
marker-start: 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 trên điểm đầu tiên 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 | Kế thừa 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-mid CSS
Tham khảo:Thuộc tính marker-end CSS
- Trang trước marker-mid
- Trang tiếp theo mask