SVG/Attribut/width

Aus SELFHTML-Wiki
< SVG‎ | Attribut
Wechseln zu: Navigation, Suche

Das width-Präsentationsattribut bestimmt die Breite eines SVG-Dokuments oder -Elements.

Erlaubte Werte
Standardwert

beim svg-Element: 100%
bei Filter und mask: 120%

anwendbar auf

alle Elemente

Präsentationsattribut

ja

mit CSS animierbar

ja, siehe Einzelwerte

Beispiel
<svg xmlns="http://www.w3.org/2000/svg" width="297mm" height="210mm"> 
<style>
#quadrat:hover,
#quadrat:focus {
  fill: #c32e04;
  width: 150px;
  height: 50px;	
}
</style>

<rect id="quadrat" tabindex="3" x="380" y="30" width="140" height="140" />
SVG-Dokumente können z.B. für die Druckausgabe eine Angabe des Papierformats enthalten. Für SVGs in Webseiten kann eine solche Breitenangabe weggelassen werden.
Das rect-Element enthält ein width-XML-Attribut mit einem Wert von 140. Im CSS wird ein Regelsatz für :hover festgelegt, der es auf eine Breite von 150 vergrößert.
Beachten Sie: Firefox benötigt im Stylesheet eine Angabe in Pixeln, obwohl es eigentlich dimensionslose Größen sind.

Siehe auch

Weblinks