I am learning how to write svg graphics in notepad but I have reached a problem that doesn't seem to make any sense and I can't get past.

If I have a rect and write a property of height="75" it works but if I write style="height:75;" instead it doesn't work (ie. the rect disappears, most likely because it has no height).

But if I write fill="red" it works and if I write style="fill:red;" it also works

Do some properties have different names when used in a stylesheet or inline styles as opposed to directly in the svg code?


<rect class="rect1" x="50" y="100" width="400" height="75" fill="red" /> - Works
<rect class="rect1" x="50" y="100" width="400" style="height:75;" fill="red" /> - Doesn't work (no rectangle displaying)


Some things seem to work in both stylesheets/inline styles and directly written in svg and others don't.
For further examples: stroke and stroke-width work in both but preserveAspectRatio doesn't work in style form.

Hello
Related information:
http://tutorials.jenkov.com/svg/svg-and-css.html

Greetings

Ok thanks, that is a much more in depth tutorial.

I have already found a solution to another issue in chapter six.

I had read another tutorial which didn't cover many of these things.