Background



Here you can define the Background color of your element. To do so, simply click on the magnifier symbol to the right of the color field (see Colors appendix). You can also select a background image for your element. Click on Select Image.



Here you can select an image that has already been saved on the server or belongs to the Intrexx image family. The formats .png, .jpg, and .gif are recommended for use. On mouse over the file names in the left-hand column you will see a preview of the image in the right-hand column. By clicking on No image, the property background-image: none will be entered to the CSS for the element. By clicking on Apply property from previous element will apply the color of the previous element. In the CSS, the value inherit will be entered. By clicking on Select Image, you will reach a dialog in which you can administrate all images.



In the Position drop-down list, you can define where the image should be positioned as background image in the element. You have the choice between the settings Left, upper left, Lower left, Right, upper right, Lower right, Above, Below, and Middle. With the setting for Repetition, you will define in which way a graphic should be repeatedly displayed. The selection of X- and Y-repetition will repeat the graphic in a horizontal and/or vertical direction. No repetition causes the graphic to be displayed in its original size.

Borders



Here the style, color, and width of the borders around the element can be defined. The setting for Same style for all sides means that the setting that you define in the upper list will be applied to the right, lower, and left sides of the border. If you deactivate this setting, you can individually set all border sides. The same applies for the settings Same color for all sides and Same width for all sides.

Offsets

Each element consists of a spacial expanse and its contents. The spacing of an element can be controlled here.



With the inner offset, you control the distance that the contents of the element (such as text) has from its borders. Text that is located within an element will therefore be moved, according to the number of pixels entered here, up, down, right or left. With the setting Same inner offset for all sides will apply the value entered first to all additional sides. If the setting is deactivated, the offsets for all sides can be entered individually. Select the unit in which the spacing should be calculated from the drop-down list to the right of the edit fields (px, em or %).

With the outer offset, you control the spacing that the element has to the outside. This offset will not be calculated from the contents of the element onward; rather, from the original special border of the element on out. Therefore, if you have entered an inner offset of 10 px and an outer offset of 10 px, the contents of the element will be separated by a total of 20 px from the next element next to it. If you have defined a border for the element, the border will be displayed from a 10 px distance around the element. The outer offset, on the other hand, controls the distance from the border to the next element, so that in this example 10 px free space will be displayed around the borders as well.