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.
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 administer all images.
In the Position selection 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.
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.
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 selection 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.