Properties Reference

All svg properties can also be used as attributes except few

• turned_in_notProperties

  Properties	Used
  clip-path	To attach a defined clipPath to an SVG component
  clip-rule	To set the way a shape area is covered, similar to 'fill-rule'
  color	To set the default color to be inherited by color related properties by calling their value as 'currentColor'
  cursor	To set the type of cursor when user mouseOver on an SVG component
  display	To hide the element (see CSS display)
  fill	To set the filled color for an SVG component
  fill-opacity	To set the transparency of fill color
  fill-rule	To set the way a shape color is filled
  flood-color	Used in <feFlood> to set flood color
  flood-opacity	Used in <feFlood> to set the transparency of flood color
  font-family	To set the text font family (see CSS Font)
  font-size	To set the text font size (see CSS Font)
  font-style	To set the text font style (see CSS Font)
  font-variant	To set the text font variant (see CSS Font)
  font-weight	To set the text font weight (see CSS Font)
  font	(Can't use as attribute) To set the font related properties in one
  filter	To attach any defined filter to an SVG component
  lighting-color	To set color for your lighting filters, used in<feDiffuseLighting><feSpecularLighting>
  marker-start	To attach starting marker of an path
  marker-mid	To attach middle marker of an path
  marker-end	To attach ending marker of an path
  marker	(Can't use as attribute) To attach same marker at start, middle and end of an path
  mask	To attach a defined mask to an SVG component
  opacity	To set the transparency of fill and stroke color
  outline	(Can't use as attribute) To visualize the area covered by an SVG component
  paint-order	To set the order of painting stroke, fill and marker
  pointer-events	To specify whether an element can become the target of mouse events (if any) or not (see CSS pointer-events)
  shape-rendering	To set how to render any shape
  stroke	To set the stroke color
  stroke-opacity	To set the transparency of stroke color
  stroke-linecap	To set the stroke end type
  stroke-dasharray	To set the stroke
  stroke-dashoffset	To set the outline position negative or positive directions along their axis
  stroke-linejoin	To set the stroke joint corner type
  stroke-width	To set the stroke width
  stroke-miterlimit	To set the maximum 'miter' length value of 'stroke-lineJoin' property
  stop-color	To set the color to create gradient
  stop-opacity	To set the color opacity to create gradient
  transform	To transform an SVG component
  text-anchor	To set text position
  text-decoration	To set the text decoration
  vector-effect	To stop transformation effect from the stroke of an SVG component
  visibility	To hide the visibility without removing its used space (see CSS visibility)