Applying style sheet classes on WikiPages#

A CSS style can be defined in a style sheet (probably .../templates/default/jspwiki.css, unless you have defined your own template in jspwiki.properties). JSPWiki comes with some pre-defined styles.

To apply a CSS style use this notation:

Wiki notation Effect
%%stylename ... %% start styled section using class stylename content: normal WikiNotation to be styled close styled section

No InterWiki reference defined in properties for Wiki called "%%(font-size"!

Applying in-line CSS styles#

The notation for in-line CSS drops the stylename parameter, replacing it with style definitions surrounded by parentheses:

Wiki notation Effect
This is normal text. %%(color:red)This text is red.%% This is normal text again. This is normal text.
This text is red.
This is normal text again.

Examples#

HowToColorText HowToCenterText

Caveats#

Inline CSS definitions are supported on wikipages starting with JSPWiki version 2.1.38. For block usage a div tag is rendered, for inline usage a span tag.

/** A JavaScript function */
function test() {
  var a = "abc";
}

It is not possible to assign CSS code to a variable and have the CSS be rendered where it is inserted. For example, the following will not work:

[{SET red='%%(color:red)RED%%'}]
[{$red}]

And to prove it:

%%(color:red)RED%%

Add new attachment

Only authorized users are allowed to upload new attachments.
« This page (revision-64) was last changed on 09-Feb-2012 14:07 by 155.70.23.45