Appendix A. CSS Support inside the Morphon XML Editor

Properties supported inside the XML Editor

Table of Contents

Box Model Properties
Visual Formatting Properties
Background Properties
Color property
Font properties
Text properties
The :before and :after pseudo-elements
The content property
Selectors
Inheritance

Box Model Properties

background-color : this properties sets the background color of an element, either a <color> value or the keyword “transparent”, to make the undelying color shine through. <color> value could be either a name or a numerical RGB specification. The list of keyword color names is : aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow. Numerical RGB specification is something like #rgb or #rrggbb or rgb(r,g,b).

margin-top, Margin-rigth, margin-bottom, Margin-left and Margin : Margin properties specify the width of the margin area of a box. The “margin” shorthand property sets the margin for all four sides while the other margin properties only set their respective side. The properties refer to the <margin-width> value type, which may be either a fixed width or percentage value. The percentage must normally be calculed with respect to the width value but it is not implemented inside the editor yet. Note that margin collapses between adjacent boxes

padding-top, Padding-bottom, Padding-right, Padding-left and Padding : The padding properties specify the width of the padding area box (refer to the help inside CSSEditor). The “padding” shorthand property sets the padding for all four sides while the other padding properties only set their repective side. The properties refer to the <padding-width> value type, which may be either a fixed width or percentage value. The percentage must normally be calculed with respect to the width value but it is not implemented inside the editor yet.

border-top-width, Border-rigth-width, Border-bottom-width, Border-left-width and Border-width : The border width properties specify the width of the border area. The properties defined refer to the <border-width> wich may takes the following value : thin, medium, thick or a length.

border-top-color, Border-rigth-color, Border-bottom-color, Border-left-color and Border-color : The border color properties specify the color of a box's border. It could be either a <color> value or the keyword transparent , to make the undelying color shine through. <color> value could be either a name or a numerical RGB specification. The list of keyword color names is : aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow. Numerical RGB specification is something like #rgb or #rrggbb or rgb(r,g,b).

border-top-style, Border-rigth-style, Border-bottom-style, Border-left-style and Border-style : The border style properties specify the line style of a box's border. Possible value are : “none” (no border, this value forced the computed value of “border-width” to be 0), “hidden”, “dotted” (series of dots), “dashed” ( a series of short line segments), “solid” (single line segment), “double” (two solid line and the sbace between them equals the value “border-width”), “groove” (The border looks as though it where carved into the canvas).

Border-top, Border-bottom, Border-right, Border-left and Border : This is a shorthand property for setting the width, style and color of the top, right, bottom and left border of a box. The “border” shorthand property is a shorthand property for setting the same width, style and color properties defined above.