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