Home > Articles

Styling SVG

  • Print
  • + Share This
Using Cascading Style Sheets (CSS) offer newcomers an easy-to-understand avenue to shaping the appearance of SVG content. Learn how to maximize the efficiency of style sheets.

See all Sams Teach Yourself on InformIT Design & Creative Media Tutorials.

This chapter is from the book

This chapter is from the book

Styling SVG

Leaving shapes as their default solid black objects is rarely the designer's intent. To solve this issue, you will need to apply style to your elements. Style allows a developer to add a variety of display properties to an element, thus massaging its default appearance to look as the designer intended.

In this hour, you will learn the following:

  • The syntax and application of the style attribute

  • How to create a style sheet

  • The difference between internal and external style sheets

  • How to organize your style sheet

By the time you finish this chapter, you will be able to move towards applying fills and strokes to your artwork (Hour 7). However, without the ability to apply style to your creation, any such beautifications would become much more difficult.

  • + Share This
  • 🔖 Save To Your Account