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-Boton-Estilos-001

 

 

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

 

MPA-PropiedadesRegular-002

 

Regular: el cursor no se encuentra sobre el elemento.

Encima: el cursor se encuentra sobre el elemento.

Inactivo: el elemento se encuentra deshabilitado.

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).

 

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.

Fuente

MPA-PropiedadesFuente-002

 

Permite definir el estilo del texto.

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.

 

Tipo

 

Valores Posibles

 

Exterior

Interior

 

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