i

Please enable JavaScript to view this site.

Documentación 8.7

El panel de propiedades de estilo de un elemento se abre al seleccionar el ícono PropiedadesEstilo  de su menú contextual.

 

 

MP-Diseño-Estilo

Este tipo de elemento puede tomar distintos estados y para cada uno de ellos modelarse diferentes valores para sus propiedades.

 

MPA-PropiedadesRegular-001

 

Regular: el cursor no se encuentra sobre el elemento.

Encima: el cursor se encuentra sobre el elemento.

Estilos

IconoCopiarEstilo Permite copiar toda la configuración actual del panel de estilos del elemento seleccionado.

 

IconoPegarEstilo Permite aplicar la configuración previamente copiada a otro elemento del mismo tipo.

Espacio de Relleno

MPA-PropiedadesEspacioRelleno-001

 

Todas la propiedades de espacio de relleno permiten crear un espacio entre los bordes (superior, inferior, laterales) del elemento y su contenido. El espacio de relleno configurado es hacia adentro, mientras que el margen se configura en relación a un elemento superior. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Separación de Items

Define la separación entre los ítems del diseño.

 

iconobordes Permite que el valor ingresado en uno de los espacios de relleno se copie en los otros automáticamente.

iconomargenes Permite indicar diferentes valores para cada uno de los espacios de relleno.

Imagen de Fondo

 

MPA-PropiedadesImagenFondo-001

 

Permite agregar una imagen de fondo al elemento.

 

Seleccionada

La imagen puede subirse desde el equipo donde se está modelando.

 

Tamaño

 

Valores Posibles

 

Cubrir

Contenido

Auto

 

Repetir

 

Valores Posibles

 

Repetir

Repetir Hor.

Repetir Vert.

Espaciado

Redondeado

No Repetir

 

Posición Horizontal y Vertical

 

Valores Posibles

 

Centro

Izquierda

Derecha

Color de Fondo

 

Permite modelar un color de fondo para el elemento, el mismo puede ser sólido o gradiente y para cada uno se definen diferentes propiedades.

 

Sólido

 

 

MPA-PropiedadesColor-001

 

Para la opción sólido, además de seleccionar el color desde una paleta se puede definir el grado de transparencia.

 

 

MPA-PropiedadesEstilo-018

 

 

Gradiente

 

MPA-PropiedadesEstilo-020

 

Para la opción gradiente, además de seleccionar el color desde una paleta se puede definir su opacidad y su intensidad según el ángulo seleccionado.

 

 

MPA-PropiedadesEstilo-019

Bordes

MPA-PropiedadesBordes-001

 

Permite definir el estilo de los bordes. Por cada uno se define el tipo, ancho, color y opacidad, esta última en porcentaje.

 

iconobordes Permite que el valor ingresado en uno de los bordes se copie en los otros automáticamente.

iconomargenes Permite indicar diferentes valores para cada uno de los bordes.

Bordes Redondeados

 

MPA-PropiedadesBordesRed-001

 

Permite definir los bordes redondeados en las esquinas de los elementos.

Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

iconobordes Permite que el valor ingresado en uno de los bordes se copie en los otros automáticamente.

iconomargenes Permite indicar diferentes valores para cada uno de los bordes.

Sombra

 

MPA-PropiedadesSombra-002

 

Permite definir el efecto de sombra alrededor del elemento.

 

Horizontal

Tamaño horizontal de la sombra a la derecha del elemento. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Vertical

Tamaño vertical de la sombra debajo del elemento. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Difuminación

Cuanto mayor sea este valor la sombra se vuelve más grande y ligera. Si no se especifica, su valor es 0 y el borde de la sombra es más fuerte. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Propagación

Los valores positivos permiten que la sombra se expanda y crezca, mientras que los valores negativos hacen que la sombra reduzca su tamaño. Si no se especifica, su valor es 0 y la sombra es del mismo tamaño del elemento.

 

Color

Define el color de la sombra.

 

Transparencia

Define la transparencia de la sombra.

Envianos tu comentario
Compartir en X Compartir en Linkedin Enviar por Email Imprimir