i

Please enable JavaScript to view this site.

Documentation 8.5

The style properties panel of an element is opened when selecting the icon PropiedadesEstilo of the context menu.

 

 

ME-PropiedadesEstilo-007

 

 

This type of element may take different states and for each of them different values for its properties may be modeled.

 

MPA-PropiedadesEstados2

 

Regular: the mouse pointer is not over the element.

Hover: the mouse pointer is over the element.

Focus: the element is pressed.

Inactive: The element is not active.

Error: The element is in error.

Padding

MPA-PropiedadesEspacioRelleno-003

 

All padding space properties allow to create a space around the element borders (top, bottom, sides) and its content. The padding space configured is inward, while the margin is configured relative to a top element. It can be expressed in pixels (px), percentage (%), viewport width (vw), and viewport height (vh).

 

iconobordes Allows values entered in one of the paddings to be copied to the other ones automatically.

iconomargenes Allows to indicate different values for each padding.

Font

MPA-PropiedadesFuente-002

 

It allows to define the text style.

Background Color

 

It allows to model a background color for the element, it can be solid or gradient and different properties are defined for each one.

 

Solid

 

 

MPA-PropiedadesColor-001

 

This option enables not only to select the color from a palette but also to define the degree of transparency.

 

 

MPA-PropiedadesEstilo-018

 

 

Gradient

 

MPA-PropiedadesEstilo-020

 

This option enables to select not only the color from a palette but also to define its opacity and intensity according to the selected angle.

 

 

MPA-PropiedadesEstilo-019

Edges

MPA-PropiedadesBordes-001

 

It allows to define the style of borders. Each one has its type, width, color and opacity defined, the latter as a percentage.

 

iconobordes Allows the value entered in one of the borders to be copied to the other ones automatically.

iconomargenes Allows to indicate different values for each border.

Round Edges

 

MPA-PropiedadesBordesRed-001

 

It allows to define the round edges at the corners of elements.

It can be expressed in pixels (px), percentage (%), viewport width (vw), and viewport height (vh).

 

iconobordes Allows the value entered in one of the borders to be copied to the other ones automatically.

iconomargenes Allows to indicate different values for each border.

Shadow

 

MPA-PropiedadesSombra-002

 

Allows to define a shadow effect around the element.

 

Type

 

Possible Values

 

Outset

Inset

 

Horizontal

Horizontal size of the shadow to the right of the element. It can be expressed in pixels (px), percentage (%), viewport width (vw), and viewport height (vh).

 

Vertical

Vertical size of the shadow below the element. It can be expressed in pixels (px), percentage (%), viewport width (vw), and viewport height (vh).

 

Blur

The greater this value is, the greater and lighter the shadow becomes. If not specified, its value is 0 and the shadow border is darker. It can be expressed in pixels (px), percentage (%), viewport width (vw), and viewport height (vh).

 

Spread

Positive values will cause the shadow to expand and grow bigger, while negative values will cause the shadow to shrink. If not specified, its value is 0 and the shadow will have the same size as the element.

 

Color

Defines the color of the shadow.

 

Transparency

Defines the transparency of the shadow.

Label Font

MPA-PropiedadesFuente-003

 

It allows to define the label style.

Send us your comments
Share on X Share on Linkedin Send by Email Print