This page is part of a static HTML representation of the TiddlyWiki at https://tiddlywiki.com/

Styles and Classes in WikiText

5th December 2013 at 4:05pm
WikiText

You can use this construction to cause the wrapped content to be assigned specified CSS classes or styles:

@@.myStyle
* List One
* List Two
@@

That renders as:

  • List One
  • List Two

... and the underlying HTML is:

<ul class="myStyle"><li>List One</li><li>List Two</li></ul>

Similar syntax is used to assign styles. For example:

@@background-color:red;
* List One
* List Two
@@

That renders as:

  • List One
  • List Two

... and the underlying HTML is:

<ul style="background-color:red;"><li>List One</li><li>List Two</li></ul>

Multiple styles and classes can be mixed. For example:

@@.tc-tiddler-frame
@@width:400px;
Some text
@@

That renders as:

Some text

... and the underlying HTML is:

<p class="tc-tiddler-frame" style="width:400px;">Some text
</p>