# Style

Die Eigenschaft **Style** definiert den Stil, mit dem ein Widget oder die Zellen eines Widgets angezeigt werden.

#### Syntax

Um den Stil eines anderen Widgets abzurufen, wird die Standard-Widget-Referenzsyntax innerhalb der Formel Stil verwendet:

<mark style="color:blue;">#widgetName</mark>

oder (wenn sich das Widget auf einer anderen Seite befindet):

<mark style="color:blue;">#pageName.widgetName</mark>

#### Bemerkungen

* Bei Tabellen- und Chartwidgets wird der Style nicht auf das Widget, sondern auf dessen Zellen bzw. Chart-Elementen angewendet.
* Es werden die folgenden Formate von der Style-Eigenschaft unterstützt:
  * Hintergrund-Farbe
  * Rahmen-Farbe, Größe und -Position
  * Font-Farbe, Größe, Typ und Stil
  * Vertikale und horizontale Ausrichtung

#### Beispiele

**Beispiel 1**

Der linke Button *MyButton* bezieht seinen Stil von dem rechten Button *buttonStyle*. Wenn sich der Stil des rechten Buttons ändert, wird auch der Stil des linken Buttons geändert.

<div align="left"><figure><img src="https://2811933300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnqJ9EkNaXVzEBF0wgp7y%2Fuploads%2Fgit-blob-c3df86b38bdc868609810bebc0ee1f8f774eef7b%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure></div>

**Beispiel 2**

Wenn der Inhalt der linken Zelle "available" ist, wird der Stil des Widgets *availableStyle* verwendet. Wenn nicht, wird der Stil des Widgets *reservedStyle* verwendet.

<div align="left"><figure><img src="https://2811933300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnqJ9EkNaXVzEBF0wgp7y%2Fuploads%2Fgit-blob-267e9ac2b04b73f99e48a88bce1969514c64a6a8%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure></div>

**Beispiel 3**

In diesem Tabellen-Widget werden die Zellen mit negativen Zahlen im Stil des Widgets mit Namen *negativ* und die Zellen mit positiven Zahlen im Stil des Widgets *positive* angezeigt.

<div align="left"><figure><img src="https://2811933300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnqJ9EkNaXVzEBF0wgp7y%2Fuploads%2Fgit-blob-3c5de08c86b1cf50953028904b17d7be98c910d7%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure></div>