7 Change the style of an element

Definition

This feature allows you to act on the characters, alignment, borders, margins, colors, and CSS code, either for the selected element or for its named style if it has one.

Use

All element popups have a style selector and a button to modify style properties, which will be applied to the selected style. The Local style is the element own properties.

Some properties may not appear in the settings where they are inapplicable to the selected element. Some properties applied to a block (especially settings of text) are transmitted to elements in the block.

The settings for the local style show and allow you to act on specific settings for this element, overloading those of any associated named style.
The settings for a named style show and allow you to act with the settings in this style.

Apply to

The settings can be applied to the links or subparts of the element; the setting of is done separately and successively (remember to record each time) for each link state (general, mouseover...) or subpart; see also the page create an internal and external link.

Restore default settings

This function deletes all the settings according with the context:

Named style: applies only to the style without affecting the local settings of the selected item
Selected element: applies to the item including the links and subparts it may contain
Links in general: applies to all links of the item, including all their states
Links in each state: applies only to links for the chosen state
Subpart: applies only to the chosen subpart

Selection rectangle

To facilitate the assessment of the final shape it is possible to remove the rectangle surrounding the selected element.

Characters

These settings apply to all text in the selected item. The different sizes (size, spacing etc.) relate to those of the element that contains it. For example a title with a font size of 2 will have their text 2 times larger than the page or any block that contains it.

Alignment

The absolute width (fixed) is reserved for blocks or raw texts. To give a fixed width to an element or a page, you must encapsulate it in a block for which you will set the width. This width is internal, it does not include margins and borders.

Min and max width are also settable.

Borders

The borders of the four sides can receive settings individually for thickness, line type and color.

Corners can be individually rounded by setting the radius values.

Margins & borders diagram >>

Margins

Setting padding and margin using the wheel or by direct input of the value. The padding is within the borders, the margin is outside them.

Negative margins may be set only by typing the value in the input field.

Margins & borders diagram >>

The padding makes selection and manipulation of an element easy.  To better grasp an item, it can be temporarily given padding and remove them after handling.

Colors

The color choice is made by direct registration of the color code, by using the mouse to set the level of each component (red, green, blue) or by moving into the "color map"; colors already used appear in the form of a selectable palette.
The scroll wheel lets you adjust the brightness.

Importing a background image is made with the browse button.  
The dropdown menu allows you to reuse an existing background image.
 It can be repeated horizontally and / or be positioned vertically in both directions.

CSS

To edit the CSS code if necessary.
WARNING, this feature is reserved for warned users only!