Diese Seite ist Teil der "reinen" HTML Version von TiddlyWiki auf https://tiddlywiki.com/languages/de-DE

Stil und CSS Klassen in WikiText

pmario13. September 2014 um 19:43

Nur für geübte Anwender! Sie können folgende Konstruktion verwenden um verschiedenen Elementen direkt CSS Klassen zuzuweisen.

@@.myStyle
* Listen Element Eins
* Listen Element Zwei
@@

Dargestellt als:

  • Listen Element Eins
  • Listen Element Zwei

Erzeugter HTML Code:

<ul class="myStyle"><li>Listen Element Eins</li><li>Listen Element Zwei</li></ul>

Eine ähnliche Syntax wird verwendet, um das "style" Attribut direkt zu definieren:

@@background-color:red;
* Listen Element Eins
* Listen Element Zwei
@@

Dargestellt als:

  • Listen Element Eins
  • Listen Element Zwei

Erzeugter HTML Code:

<ul style="background-color:red;"><li>Listen Element Eins</li><li>Listen Element Zwei</li></ul>

Mehrere Stile und Klassen gleichzeitig angewendet:

@@.tc-tiddler-frame
@@width:400px;
Test Text, Test Text, 
@@

Dargestellt als:

Test Text, Test Text,

Erzeugter HTML Code:

<p class="tc-tiddler-frame" style="width:400px;">Test Text, Test Text, 
</p>