Atributo marker-start de CSS

Definition and usage

marker-start The attribute points to a marker that will be drawn at the first 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-start The value of the attribute overrides the value of the marker-start attribute in SVG.

Instance

Example 1

Point to a marker (arrow) that will be drawn at the first vertex of the element path:

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

Try it yourself

Example 2

Point to a marker (circle) that will be drawn at the first vertex of the element path:

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

Try it yourself

CSS syntax

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

Attribute value

Value Description
none Default value. No marker will be drawn at the first vertex of the path.
url The URL reference to 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 indicate the browser version that first fully supports this property.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Páginas relacionadas

Tutoriales:Marcadores SVG

Referencia:Atributo marker de CSS

Referencia:Atributo marker-mid de CSS

Referencia:Atributo marker-end de CSS