Image Rendering Reference

Navigation:

IndexGeneral InformationElementsUtilsExamples

The <ul> Element


Description:

The ul element defines a unordered list similar to the HTML <ul> tag. The elements defined by li elements are then formatted as unordered list.

Multiple Occurrences allowed: true


Attributes

Name Description Inheritated Possible Values Default Value Examples
class A identifier of a CSS class. This identifier can be referenced via a CSS file. The same class identifier is meant to be used in multiple tags false String No default value css1
id A identifier of the tag. This identifier can be referenced via a CSS file. This identifier has to be unique false String No default value css1
font-family The name of the font to be used true A font name (e.g. Arial, Tahoma, Times New Roman, etc.) arial -
background-color The background color of the element true black | white | transparent | semi-colon separated RGBA string with values between 0 and 255 transparent -
text-decoration Specifies a decoration for the given text (underline, overline, linethrough or none) true underline | linethrough | none none span1
font-size Specifies a set of font sizes separated by colon. The text will be rendered with the biggest possible (and specified) font size true A positive integer describing the font size in pt or multiple integers separated by a colon as alternative font seizes 12 -
font-style Specifies whether the text should be printed normal or italic true normal | italic normal -
font-weight Specifies whether the text should be printed normal or bold true normal | bold normal -
color The color of the element or the contained text true black | white | transparent | semi-colon separated RGBA string with values between 0 and 255 black -
condense Automatically condenses text if it is too long using the best matching condense factor specified true One or more float numbers separated by a colon. 1.0 span1
line-spacing Sets the spacing between text lines in pixel (negative values decrease the line spacing) true A positive or negative integer value 0 list1
wrap Changes the line wrap of a text field. Normal: line wraps at spaces and dashes. None: no wrapped lines. true normal | none normal -
letter-spacing The letter-spacing attribute increases or decreases the space between characters in a text. true A possitive or negative float number 0.0 multiline1
superscript Used to superscript or subscript a text true superscript | subscript | normal normal span1
outline Specifies whether the text should be outlined or not true true|false false -
outline-color Specifies the color of the text's outline true black | white | transparent | semi-colon separated RGBA string with values between 0 and 255 black -
outline-thickness Specifies the thickness of the text's outline true An non-negative integer value (>0) 1 -
outline-inside This value determines, whether the outline should be drawn to the inside or outside of the corresponding text true true|false false -
shadow Enables or disables the shadow true true|false false -
shadow-alpha The alpha value (transparency) of the shadow true A positive float number >= 0 and <= 1 0.5 -
shadow-color Sets the color of the shadow true black | white | transparent | semi-colon separated RGBA string with values between 0 and 255 black -
shadow-size The size of the shadow in pixels true An non-negative integer value (>0) 2 -
shadow-blur Whether the shadow should be rendered with or without blur effect true true|false false -
bullet-font-family Specifies the font of the bullet false A font name (e.g. Arial, Tahoma, Times New Roman, etc.) No default value list1
bullet-font-family Specifies the font of the bullet false A font name (e.g. Arial, Tahoma, Times New Roman, etc.) No default value list1
spacing Manually specify the spacing in pixels false An non-negative integer value (>0) No default value list1
type Specifies which type of bullet should be used for the enumeration false disc (•) | dash (-) | dot (.) | colon (:) | bracket ()) | dot_bracket (.)) | circle (○) | square (■) | custom bullet character dash list1
float Used to create a floating list. A floating list is wrapped the same way as normal text, there is no line break after each element. The list, however, is not wrapped after the bullet and before the first character false true|false false -
wrapped-line-spacing Sets the line spacing for auto wrapped lines inside a list (negative values decrease the line spacing) true A positive or negative integer value 0 list1
bullet-image Path containing an image that will be used as bullet. false A path relative to the template file or a URL. (e.g. "../test/image.png or http://url.to/image.png") No default value list1


Child Elements

li

Examples