| Feature |
img |
object |
inline |
bg image |
| SMIL |
Y |
Y |
Y |
Y |
| External CSS |
N |
*1 |
Y |
N |
| Internal CSS |
Y |
Y |
Y |
Y |
| Access via JS |
N |
Y |
Y |
N |
| Cacheable |
Y |
Y |
*2 |
Y |
| MQ in SVG |
Y |
Y |
*3 |
Y |
| Use possible |
N |
Y |
Y |
N |
Notes:
- You can use an external stylesheet but you have to link to it from within the SVG
- You can link to an external SVG (which is cacheable) and a fragment within but it doesn't work in IE by default
- The media query in an inlined SVG works on the size of the document it lives in (not the size of the SVG itself)