SVG/Attribute/class

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

Das class-Attribut ist eine mit Leerzeichen abgetrennte Liste, welche die Klassen definieren. Klassen erlauben CSS und JavaScript auf diese Elemente zuzugreifen. Dies wird durch Klassenselektoren oder Funktionen wie document.getElementsByClassName erreicht.

erlaubte Werte
  • alle Namen, in HTML4 keine Zahlen an erster Stelle
  • inherit
default-Wert
erlaubt in alle Elemente
Beispiel
.normal {
  stroke: blue;
  stroke-width: 3;
  fill: none;
  }
.normal:hover,
.normal:focus {
  fill: yellow;
  }
Die Klasse normal erhält eine blaue Randlinie und keine Füllung. Bei :hover erhalten die Elemente mit dieser Klasse eine gelbe Füllung
Empfehlung: Klassennamen sollten einen semantischen Bezug auf die Funktion haben (Besser: "hinweis" als "roteBox")

Siehe auch

Weblinks