Textile Reference Manual for RedCloth 4

Attributes

CSS classes and IDs

You can apply CSS classes and IDs to phrase modifiers or block modifiers.

Textile
p(my-class). This is a paragraph that has a class and this *(#special-phrase)emphasized phrase* has an id.
Browser

This is a paragraph that has a class and this emphasized phrase has an id.

Textile
p(#my-paragraph). This is a paragraph that has an id.
Browser

This is a paragraph that has an id.

You can specify both class and ID, but the class must always come first.

Textile
div(myclass#myid). This div has both a CSS class and ID.
Browser
This div has both a CSS class and ID.

CSS styles

Apply CSS styles directly to block or phrase modifiers by putting the style rules in curly braces.

Textile
p{color:blue;letter-spacing:.5em}. Spacey blue
Browser

Spacey blue

Language

Specify the language of text with square brackets.

Textile
p[fr]. Parlez-vous français ?
Browser

Parlez-vous français ?

Alignment

Text inside blocks can be aligned in four ways:

Textile
p<. align left

p>. align right

p=. centered

p<>. justified justified justified justified justified justified justified justified justified
Browser

align left

align right

centered

justified justified justified justified justified justified justified justified justified

Indentation

Text can be indented with single parentheses. For each left paren, left pad 1em. For each right paren, right pad 1em. They may be combined for left and right padding.

Textile
p(. Left pad 1em.

p)). Right pad 2em.

p(). Pad both left and right sides 1em.
Browser

Left pad 1em.

Right pad 2em.

Pad both left and right sides 1em.