This panel provides you with a summary of all the properties declared inside the selected css rule. If the property is supported, you can click on the edit button and it will bring you directly to the panel where you can edit this property. If the property isn't supported, then you can edit it by hand, using the text field at the bottom of the panel. You can also suppress properties by using the del button.
This panel allows you to edit directly by hand the css rule. You can edit either the selector or the declaration part of the css rule. The third text field is the declaration of the 'morphon css rule' containing properties declaration specific to morphon.
This panel allows you to specify content property for rules containing :before or :after pseudo-element in their selector. This property specify what you want to display beofre or after the element. You can either choose the inherit value or a list of values composed of String, URI, close-quote or open-quote. The string button allows you to specify a text. The URI button allows you to specify an external resource (ie: an image). You can use the open-quote and the close-quote buttons to add quote before or after the element.
This panel allows you to edit the display property of the css rule. You can choose between inline (default), block, list-item, none (if allowed by the DTD) or inherit. Use the reset button to remove the property.
In this panel, you can change the properties related to the font.
| Font Family : This property specifies the font family to use in the matched elements. Possible value are serif, sans-serif, cursive, fantasy, monospace. |
| Font Size : For this property, you can either select a predefined value or either enter your own value (a number and a length unit). |
| Font Style : This property allows you to select variant face of the font. You can sets the value to normal (default), oblique, italic or inherit. |
| Font Weight : This property specifies the weight of the font. |
In this panel, you can customize the color apearance.
| Foregroung Color : This property specifies the text color. |
| Background Color : This property sets the background color of an element. |
| Background Image : This property sets the image to display in the background of the element. If a background color is also defined, when the color is use to fill the background not covered by the image. |
In this panel, you can sets the line height and the vertical align of an element.
| Line Height : |
| Vertical Align : This property affects the vertical positioning of the text. |
In this panel, you can customize the text apearance.
| Text Indent : This property specifies the identation of the first line of text in a block. |
| Text Align : This property describes how the text is aligned. |
| Text Decoration : This property describes decorations that are added to the text of an element. |
| White Space : This property declares how whitespace is handled. |
This folders contains every setting you may apply to the box model. Whenever you want to select a setting, first select where to apply it in the apply bar at the top of each panel. This bar alows to specify which side of the box is currently active. You can select between Top, Bottom, Left, Right, None and All.
To specify the box model property in each panel, use the Slider Bar for the width, the Unit Combo Box for the unit type, and the Style Combo Box for the style,
This folder allows you to add morphon-specific @Morphon rules.
If the current rule has its Displayset to None, this panels allows you to specify which attributes will be shown in morphon if you set the Show Empty Elements preference in the Editor.