CSS-Styles auf eine Komponente anwenden

Owned by Tim Schauder
Last updated: Sept 14, 2016

Diese Anleitung zeigt wie Komponenten im Zeichenbereich mittels CSS unterschiedlich gestaltet werden können.

Schritt-für-Schritt-Anleitung

  1. Im Property Sheet einer Komponente im Abschnitt Display für die Einstellung CSS Class einen beliebigen Klassennamen vergeben.
  2. Den Hintergrund der Zeichenfläche anklicken und in dessen Property Sheet die "custom.css" Datei bearbeiten.
  3. In dieser Datei, kann der Klassenname mit ".klassenname{ }" angesprochen werden.
  4. Der Inhalt der geschweiften Klammern beschreibt die Eigenschaften der mit dieser Klasse versehenden Komponente.

Beispiel:

.klassenname {

     fill: #FF0000;

     stroke: #FF0000;

 }

Verwandte Artikel