« Découvrir le SVG/Manipulations avancées » : différence entre les versions
Contenu supprimé Contenu ajouté
Utilisation de styles |
|||
Ligne 399 :
{{loupe|Le langage CSS}}
On peut avoir recours à une feuille de style externe, sous la forme d'un fichier <code>.css</code>. Par exemple
'''Fichier <code>monstyle.css</code>'''
<source lang="css">
rect {
fill: red;
stroke: blue;
stroke-width: 3
}
</source>
'''Fichier <code>mondessin.svg</code>'''
<source lang="xml">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="mystyle.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="3cm" height="2cm" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<title> Rectangle </title>
<desc> Un rectangle </desc>
<rect
x="0.5cm" y="0.5cm" width="2cm" height="1cm"
/>
</svg>
</source>
Dans le fichier CSS, nous définissons le style par défaut des éléments <code>rect</code>.
Dans le fichier SVG, nous avons ajouté une référence à la feuille de style : <code><?xml-stylesheet href="mystyle.css" type="text/css"?></code>.
=== Style au format XSLT ===
| |||