Image Rendering Reference

Navigation:

IndexGeneral InformationElementsUtilsExamples

The <span> Element


Description:

The span element is specified inside the text element in order to format the contained text differently (no automatic line break after span element).

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 -


Child Elements

#text

Examples