„Stil verwalten“-Editor

  • Oben ist eine Vorschau verfügbar, die zeigt, wie der zurzeit definierte Stil aussieht.
  • Links können Sie sehen, wie der Standard-Stil definiert wurde.
  • Rechts gibt es ein benutzerdefiniertes Stilfeld, das anpassbar ist. Eine Funktion zum automatischen Ausfüllen ist verfügbar, um Benutzern bei der Syntax der verschiedenen Stile zu helfen. Der benutzerdefinierte Stil kann für Hintergrundfarbe, Schriftarten, Ränder, Anzeige, Padding, Textausrichtung, Worttrennung, max. Breite und Höhe, vertikale Ausrichtung, Zeilenhöhe und mehr verwendet werden.

Hinweis: Langschrift-Stil wird im Stileditor unterstützt. Kurzschrift-Stil (Gruppierung der Definition gemeinsamer Eigenschaften, die auf dasselbe Thema wirken) wird nicht unterstützt.

  • Beispiel 1 :
    Richtige Verwendung – unterstützter Langschrift-Stil:
    border-color: red;
    border-style: solid;
    border-width: 5px;

    Falsche Verwendung – nicht unterstützter Kurzschrift-Stil: :
    border: 5px solid red;

  • Beispiel 2 :
    Richtige Verwendung – unterstützter Langschrift-Stil:
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    line-height: 10px;
    font-family: Arial;

    Falsche Verwendung – nicht unterstützter Kurzschrift-Stil:
    font: italic bold 12px/10px Arial;

  • Der Layout-Abschnitt ganz rechts ermöglicht das Einstellen eines Randes und Padding sofort hier. Der benutzerdefinierte Stil wird entsprechend geändert.

Immer, wenn Sie etwas im benutzerdefinierten Stilfeld ändern, das bereits im Standardstil definiert war, wird der Standardstil durchgestrichen, um anzugeben, dass diese Standardeinstellung nicht mehr angewandt wird.

Beispiel: Eine neue Hintergrundfarbe und eine neue Schriftart wurden im benutzerdefinierten Stilabschnitt definiert.

Beim Definieren eines benutzerdefinierten Stils hilft Ihnen eine Funktion zum automatischen Ausfüllen bei der Konfiguration. Gleichzeitig sind die vorgeschlagenen Layouteigenschaften auf die beschränkt, die von Selligent erlaubt sind.

Hinweis: Im Stil-Editor können Variablen verwendet werden. In diesem Thema erfahren Sie, wie Sie dies tun.