@@white-space:pre;<nowiki>
> > ... content goes here
> > </nowiki>@@
> very interesting, in which guide is described it?
Although the 'inline CSS' syntax is part of the standard TW core,
documentation for this feature is somewhat spotty, at best.
Here's the basics:
@@attribute:value;attribute:value;...;attribute:value;content@@
where
attribute:value;
is any valid CSS declaration, such as
white-space:pre;
color:#F00;
font-family:courier;
display:none;
etc.
You cannot use whitespace within or between each "attribute:value;"
part (but can, of course, use whitespace in the enclosed content).
Also, the entire @@..@@ cannot be "nested". E.g., this does *not*
work:
@@color:#F00; red text @@color:#00F; blue text @@ more red text @@
When nested CSS styles are needed, you should use the 'CSS class
wrapper' syntax instead:
{{classname{ stuff {{otherclassname{more stuff}}} still more stuff }}}
for example:
{{red{ yabba {{blue{ dabba }}} doo! }}}
To define the classnames, enter their CSS definitions into the
StyleSheet tiddler:
.red { color:#F00; }
.blue { color:#00F; }
Note: for a convenient set of pre-defined CSS classes that can be used
as 'formatting shortcuts', see:
http://www.TiddlyTools.com/#StyleSheetShortcuts
To use these definitions, you can either:
A) copy/paste selected CSS directly into your StyleSheet
or
B) import the entire StyleSheetShortcuts tiddler from TiddlyTools, and
then enter
[[StyleSheetShortcuts]]
into your StyleSheet to automatically 'include' all those definitions.
enjoy,
-e