# Style

## Opacity

### Opacity

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-d682ac8f094e4c4ed9919c19a12a41fad5e32283%2Fimage.png?alt=media)

Muestra un Slider que nos sirve para establecer que tan opaco se va a ver el color que va desde el 0% (transparente) hasta el100% (textura solida).

## Appeareance

### Backgorund color

Rellena el cuerpo del contenedor de un color solido [ver más](https://docs.apphive.io/global-functions/estilos/background-color)

### Background image

Rellena el cuerpo del contenedor con una imagen seleccionada [ver más](https://docs.apphive.io/global-functions/estilos/background-image)

### Resize mode

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-222d10fd59de916d80c000d75852fa166bbc67b8%2Fimage.png?alt=media)

Muestra nos diferentes tipos de relleno en la imagen con respecto al control Image

1. Cover: Para cubrir todo el contenedor con la imagen elegida en el Background Image
2. Contain: Para mostrar la imagen completa, independiente de las meditas del control Imagen, es se ajusta a modo que toda la imagen sea visible modificando por si ismo sus medidas
3. Stretch: Muestra solo una sección de la imagen
4. Repeat: Repite la imagen en el control Imagen para cubrir toda el área
5. Center: Para centrar la imagen en el control Image

{% hint style="warning" %}
Esta función solo se activa cuando se elige la opción Background Image
{% endhint %}

## Proportions

Permite cambiar el valor del ancho y alto del componente [ver más](https://docs.apphive.io/global-functions/estilos/dimentions)

## Margins

Permite asignar márgenes internos y externos [ver más](https://docs.apphive.io/global-functions/estilos/margins)

## Borders

Permite agregar [Border Width](https://docs.apphive.io/global-functions/estilos/border-width) y [Border Radius](https://docs.apphive.io/global-functions/estilos/border-radius)