Mafuta wa marker-end wa CSS

定义和用法

marker-end 属性指向一个标记，该标记将绘制在元素路径的最后一个顶点上。

标记的形状由 SVG 元素定义，并通过 url() 值进行引用。

CSS marker-end 属性的值会覆盖 SVG 中 marker-end 属性的值。

实例

例子 1

指向一个标记（箭头），该标记将绘制在元素路径的最后一个顶点上：

#test {
  marker-end: url(#arrow);
}

亲自试一试

例子 2

指向一个标记（圆圈），该标记将绘制在元素路径的最后一个顶点上：

#test {
  marker-end: url(#circle);
}

亲自试一试

CSS 语法

marker-end: none|url|initial|inherit;

属性值

值 描述
none 默认值。在路径的最后一个顶点上不会绘制任何标记。
url 对由 SVG 元素定义的标记的 URL 引用。
initial 将此属性设置为其默认值。参阅 initial。
inherit 从其父元素继承此属性。参阅 inherit。

浏览器支持

表格中的数字表示首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Vichwa vya vingine

Mafunzo:Marka za SVG

Tazama:Mafuta wa marker wa CSS

Tazama:Mafuta wa marker-mid wa CSS

Tazama:Mafuta wa marker-start wa CSS