21. Which stroke property defines thickness of text, line or outline of any element?
'stroke-width' property defines thickness of text, line or outline of any element.

22. Which stroke property defines different types of ending of a line or outline of any path?
'stroke-linecap' property defines different types of ending of a line or outline of any path.

23. Which stroke property used to create dashed lines?
'stroke-dasharray' property used to create dashed lines.

24. What are SVG filters?
SVG uses <filter> element to define filters. <filter> element uses an id attribute to uniquely identify it.Filters are defined within <def> elements and then are referenced by graphics elements by their ids.

25. Name some of the commonly used filers.
SVG provides a rich set of filters. Following is the list of the commonly used filters -
feBlend
feColorMatrix
feComponentTransfer
feComposite
feConvolveMatrix
feDiffuseLighting
feDisplacementMap

26. What are SVG Patterns?
SVG uses <pattern> element to define patterns. Patterns are defined using <pattern> element and are used to fill graphics elements in tiled fashion.

27. What are SVG Gradients?
Gradient refers to smooth transition of one color to another color within a shape.
SVG provides two types of gradients:
Linear Gradients
Radial Gradients

28. What is Linear Gradients in SVG
Linear Gradients represents linear transition of one color to another from one direction to another.
It is defined using <linearGradient> element.

29. What is Radial Gradients in SVG
Radial Gradients represents circular transition of one color to another from one direction to another. It is defined using <radialGradient> element.

30. Can SVG images be made responsive to user actions?
Yes! SVG images can be made responsive to user actions. SVG supports pointer events, keyboard events and document events.