Proprietà marker-end CSS
- Pagina precedente marker
- Pagina successiva marker-mid
Definition and usage
marker-end
The attribute points to a marker that will be drawn at the last vertex of the element path.
The shape of the marker is defined by the SVG <marker> element and referenced by the url() value.
CSS marker-end
The value of the attribute overrides the value of the marker-end attribute in SVG.
Instance
Example 1
Point to a marker (arrow) that will be drawn at the last vertex of the element path:
#test { marker-end: url(#arrow); }
Example 2
Point to a marker (circle) that will be drawn at the last vertex of the element path:
#test { marker-end: url(#circle); }
CSS syntax
marker-end: none|url|initial|inherit;
Attribute value
Value | Description |
---|---|
none | Default value. No marker will be drawn at the last vertex of the path. |
url | The URL reference of the marker defined by the SVG <marker> element. |
initial | Set this property to its default value. See initial。 |
inherit | Inherit this property from its parent element. See inherit。 |
Browser support
The numbers in the table represent the browser version that first fully supports this property.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Pagine correlate
Lezione:Segno SVG
Riferimento:Proprietà marker CSS
Riferimento:Proprietà marker-mid CSS
Riferimento:Proprietà marker-start CSS
- Pagina precedente marker
- Pagina successiva marker-mid