Thuộc tính marker-start CSS

Đị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);
}

Thử ngay

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);
}

Thử ngay

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