# Image Rendering Reference

## Navigation:

Index General Information Elements Utils Examples

## CSS Example

This example uses a CSS file to format and define the template. The used CSS file is found under: css/example.css.

- Template: templates/example9.xsl
- Record: records/empty.xml

## CSS Example (Template)

<xsl:stylesheet version="2.0" >
<xsl:template match="Record" >
<image height="300" width="400" >
<css href="../css/example.css" >
</css>
<field max-height="290" width="300" x="10" y="10" >
<label class="labelClass" font-size="16" >
Label class test
</label>
<text class="textClass" id="text1" >
id: #text1, class: textClass
<span class="spanClass" id="span1" >
id: span1, class: spanClass
</span>
<ul class="listClass" id="ul1" >
<li id="liClass" >
class: liClass
</li>
<li id="liClass" >
class: liClass
</li>
</ul>
</text>
</field>
<rect class="rectClass" id="rect1" >
</rect>
</image>
</xsl:template>
</xsl:stylesheet>

## Generated Image