Schritt 3: Definition für Style-Auswahl

Ergänzen Sie jetzt die Definition für die Style-Auswahl im Editor oberhalb des eben eingefügten CSS-Code.

Beispiel: Das haben Sie momentan in Ihrem CSS-Layout stehen:

.editor h1.rot { color: red; }

Fügen Sie vor dieser Zeile folgenden VIO.Matrix-Kommentar ein:

#! Bezeichnung: "Überschrift rot" BackColor:"clWhite"

Diese Aufbau hat folgende Bedeutung:

#! Bezeichnung: "[Titel]"[ BackColor:"[Farbe]"][ Color:"[Farbe]"]

Die Platzhalter haben folgende Bedeutung:
[Titel] - Bezeichnung des Styles wie er bei der Styleauswahl im Editor ausgegeben wird
[Farbe] - Ausgabe einer Farbe (siehe unten)
BackColor - Festlegung einer Hintergrundfarbe für die Darstellung im Editor
Color - Festlegung einer Schriftfarbe für die Darstellung im Editor

Welche Farbangaben möglich sind erfahren Sie hier.

Sobald Sie den o.g. Code eingefügt haben, sollte der Abschnitt in Ihrem CSS-Layout folgendermaßen aussehen:

#! Bezeichnung: "Überschrift rot" BackColor:"clWhite" .editor h1.rot { color: red; }