Display Option Elements

All display option elements have the same common attributes, label, value, rule and variable. Each option element type has an additional mechanism to specify the display property. The display property is defined as an attribute or as content (never both). It is invalid to have both the attribute and content set for an option. Both <border> and <overlay> take a border or pattern described in SVG, or a value in the type attribute. The <color> element can only have a value specified in the color attribute. The <style> element contains the CSS properties as content.

The following is the summary of option usage:

ElementAttributeContentApplies to

<border>

type="border-type-or-ref"

SVG shape

<component>

<overlay>

type="pattern-type-or-ref"

SVG pattern

<component>

<color>

color="colour-value"

none

any

<style>

none

CSS

any