Este painel do Editor de estilos permite que você definida as declarações de CSS do segundo plano de um componente JavaServer Faces. O segundo plano é uma superfície na qual o conteúdo do componente é exibido, tal como um texto em preto em um segundo plano branco em um componente Texto de saída. As declarações que você adiciona à propriedade de estilo anulam as regras de CSS correspondentes definidas no arquivo de CSS da página.
O painel Segundo plano permite que você defina as seguintes declarações de estilo:
background-color. Você pode:
rgb(red-value,green-value,blue-value). Por exemplo, o valor de branco é rgb(255,255,255).A tabela seguinte mostra as cores padrão:
| Nomes de cor e valores sRGB | |||
|---|---|---|---|
| Preto = "#000000" | Verde = "#008000" | ||
| Prata = "#C0C0C0" | Verde claro = "#00FF00" | ||
| Cinza = "#808080" | Verde oliva = "#808000" | ||
| Branco = "#FFFFFF" | Amarelo = "#FFFF00" | ||
| Marrom = "#800000" | Azul marinho = "#000080" | ||
| Vermelho = "#FF0000" | Azul = "#0000FF" | ||
| Lilás = "#800080" | Azul celeste = "#008080" | ||
| Fúcsia = "#FF00FF" | Azul claro = "#00FFFF" | ||
background-image, uma imagem a ser usada como o segundo plano do componente. Você pode digitar uma URL para uma imagem em um site da Web, ou pode usar o botão de reticências e navegar para um arquivo de imagem. Se você navegar para um arquivo de imagem, ele é automaticamente adicionado ao diretório de recursos do projeto, e as referências se tornam /resources/image-file.background-repeat, que especifica se uma imagem de segundo plano aparece uma vez ou é repetida de várias formas, como a seguir:
background-attachment, que especifica se uma imagem de segundo plano é fixa ou móvel, como descrito abaixo:
background-position, que você pode usar para especificar a localização inicial da imagem. Você pode escolher um valor na lista suspensa (esquerda, centro ou direita) ou pode especificar uma posição absoluta (tal como 20 px) ou uma posição relativa (tal como 20%). As posições numéricas são medidas a partir do lado esquerdo do componente. background-position, que você pode usar para especificar a localização inicial da imagem. Você pode escolher um valor na lista suspensa (superior, centro ou inferior) ou pode especificar uma posição absoluta (tal como 20 px) ou uma posição relativa (tal como 20%). As posições numéricas são medidas a partir de cima do componente.