Styling inline SVG

This section is going to focus on some of the many ways you can manipulate inline SVG elements with CSS. This section will not be exhaustive, but will cover many of the most common properties that you'll use when working with SVG. 

These fall into two classes of properties: 

• CSS properties that you're probably familiar with from working with CSS and HTML, and that will also work with SVG
• CSS properties that are specific to SVG itself

Let's start with the familiar CSS properties. 

Using common CSS properties to manipulate SVGs

This section is going to focus on common CSS properties that work with SVG. With a couple of exceptions, most of the ones you'll actually pay...