Administrar las propiedades de estilo de los componentes

Alineación

Alinear y justificar

El creador de páginas ofrece varias opciones de alineación para alinear los componentes colocados en el cuerpo de la página. La alineación también se puede realizar dentro de un contenedor, un contenedor de detalles maestros, un contenedor de pestañas y un contenedor de ventana emergente.

Aquí puedes ver cómo las diferentes opciones de alineación afectan la posición del componente seleccionado en una página. Con más componentes, puedes probar varias combinaciones de alineaciones para optimizar la página.

Desbordamiento

El desbordamiento se puede establecer como automático, oculto o visible. Al establecer el desbordamiento como automático, el desplazamiento se crea automáticamente al final de la página. Puedes desplazarte hacia abajo para ver los demás componentes de la página. Al establecer el desbordamiento como oculto, la página se interrumpe al final y no podrás desplazarte hacia abajo para ver otros componentes.

Tamaño

El tamaño te ofrece la flexibilidad de establecer el ancho y el alto de los componentes. Esto se puede establecer como porcentaje (%), píxeles (px) y automático. En “automático”, el tamaño se ajusta automáticamente al tamaño original del componente.También puedes establecer el ancho y el alto mínimos y máximos. Nuevamente, esto se puede establecer como porcentaje (%), píxeles (px) y automático. También existe la opción de establecerlo como “ninguno” si no quieres un ancho o alto mínimo o máximo.

Relleno y margen

Mientras que el relleno te permite crear espacio dentro de un componente, agregar un margen crea espacio alrededor del componente. Esto se puede usar para mover determinados componentes a la posición deseada sin tener que alinearlos.Puedes elegir establecer los mismos valores de margen y relleno para todas las esquinas o proporcionar valores diferentes; depende de tus preferencias.

Borde

Un borde se utiliza para dar una forma definida a un componente. También se puede usar para diferenciar un componente de otro.La opción de radio te permite definir los cuatro extremos del componente. Establecer un radio da una curvatura a los bordes del componente.

Sombra

Hay cuatro opciones de sombra diferentes disponibles en las propiedades de estilo. Cada opción se diferencia por la intensidad del efecto de sombra aplicado. Por ejemplo, el nivel de sombra 1 proporciona una sombra fina, mientras que el nivel de sombra 4 proporciona un efecto de sombra más grueso.

Fondo

En el cuerpo de la página, el tipo de fondo se puede establecer como una imagen o un color. Al establecer el tipo de fondo como una imagen, el ajuste del fondo se puede establecer como:

• Automático: en automático, el tamaño se ajusta automáticamente al tamaño del cuerpo. 
• Cubrir: en cubrir, la imagen mantiene su relación de aspecto y rellena la dimensión indicada.
• Contener: en contener, la imagen cambia de tamaño para ajustarse a la dimensión indicada, pero conserva su relación de aspecto.

Para los componentes de la página, el tipo de fondo es automáticamente un color. El color se puede modificar seleccionando cualquier color de la paleta o seleccionando un color personalizado.Propiedades de estilo para el diseño de cuadrícula

La mayoría de las propiedades de estilo anteriores se aplican tanto a los diseños flex como a los de cuadrícula de una página. Sin embargo, hay algunas propiedades específicas del diseño de cuadrícula. Obtén más información aquí.