smilText Examples: TextStyling Module

Example 9: Hello World in DIV, P and SPAN elements

Play Pause Stop
view smilText file

Example 10: Example 9 with textBackgroundColor attribute

Play Pause Stop
view smilText file

Example 11: Example 9 with textColor attribute

Play Pause Stop
view smilText file

Example 12: Example 9 with textStyle and textWeight attributes

Play Pause Stop
view smilText file

Example 13: Example 9 with textFontSize and textFontFamily attributes

Play Pause Stop
view smilText file

Example 14: Example 9 with textWritingMode and textAlign attributes

Note: textWritingMode will be available in CSS3. So far only IE supports 'tb-rl' and 'lr-tb'

Play Pause Stop
view smilText file

Example 15: textDirection attribute

Play Pause Stop
view smilText file

Example 16: textMode = replace

Play Pause Stop
view smilText file

Example 17: textPlace attribute

Note: I still do not know how to do it.

Example 18: textStyle and textStyling elements (+ some timing to make it fun).

Play Pause Stop
view smilText file

Example 19: Testing xml:space. smilText code inside html.

Note: IE can't read smilText tags inside html. Moreover, even in a external file IE doesn't keep whitespaces properly (Problem reported in some foruns). Finally, for xml:space=preserve and textWrapOption=wrap I've used a CSS style property called whiteSpace='pre-wrap' and it is not supported by IE. Remove this example from the html file to test the examples above.

This text has xml:space=preserve. As you can see it is not well formated !
Play Pause Stop

This text has xml:space=default. As you can see it is well formated !
Play Pause Stop