SVG/Attribut/width
Aus SELFHTML-Wiki
Das width-Präsentationsattribut bestimmt die Breite eines Elements.
erlaubte Werte |
|
---|---|
default-Wert | beim svg-Element: 100% bei Filter und mask: 120% |
erlaubt in | alle Elemente |
Beispiel
<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" />
Das rect-Element enthält ein width-Attribut mit einem Wert von 150. Des Weiteren wird es bei hover über CSS auf eine Breite von 150 vergößert.
Beachten Sie:
Der Firefox benötigt eine Angabe in Pixeln, obwohl es eigentlich dimensionslose Größen sind.
Empfehlung: In SVG2 wird das width-Attribut zur Geometrie-Eigenschaft, die auch durch CSS festgelegt werden kann.
Siehe auch
Weblinks
- Spezifikation (W3C): ContentSizeProperties