O Editor de estilos permite que você adicione regras de folha de estilo em cascata (CSS)
à propriedade style de um componente JavaServer Faces. Abra o editor selecionando um componente que você adicionou a uma página JSF Visual Web e, em seguida, na janela Propriedades do componente, clicando no botão de reticências (...) ao lado da propriedade style.
Este editor também é usado em um painel do Editor CSS. Nesse editor, as visualizações são mostradas em um painel à direita do painel Editor de estilos e o resultados do texto das suas opções são mostrados acima, no painel de edição do Editor de CSS.
Para usar o editor:
Escolha uma categoria do editor de estilos de CSS na lista no painel esquerdo e, em seguida, escolha as configurações das propriedades de CSS dessa categoria no painel à direita. Abaixo do painel de configurações há um painel de visualização que mostra os resultados das suas opções. O painel Estilos de CSS ao lado dos botões mostra o texto que será adicionado à propriedade style.
Uma mensagem acima do painel Estilo de CSS informará se uma configuração não pode ser exibida no painel de visualização. A configuração provavelmente vai funcionar quando você executar a aplicação, mas você deve testá-la clicando com o botão direito do mouse na página no Visual Designer e escolhendo Visualizar no navegador.
Quando você tiver escolhido todas as suas configurações, clique em OK para fechar o editor e aplicar as alterações à propriedade style.
Se você clicar em Redefinir para padrão, todas as configurações de estilo serão excluídas, inclusive qualquer uma que já existia quando você abriu o editor. Se você quiser redefinir os valores da propriedade style para o que havia antes de você abrir o editor, clique em Cancelar.
Por padrão, o editor mostra as configurações de propriedade de CSS para a primeira categoria do editor Estilo de CSS na lista, Fonte. A lista seguinte mostra todas as categorias. Cada nome de categoria se vincula a um tópico que descreve as configurações de propriedade de CSS no painel da categoria:
Fonte. Configurações das propriedades de CSS font-family, font-size, font-style, font-weight, font-variant, font-color
e
text-decoration.
Segundo plano. Configurações das propriedades de CSS background-color, background-image, background-repeat
e background-position.
Bloco de texto. Configurações das propriedades de CSS text-align, vertical-align, text-indent, direction, word-spacing, letter-spacing
e line-height.
Borda. Configurações das propriedades de CSS border, border-top, border-bottom, border-left e border-right.
Margem. Configurações das propriedades de CSS margin, margin-top, margin-bottom, margin-left, margin-right, padding, padding-top, padding-bottom, padding-left
e padding-right.
Posição. Configurações das propriedades de CSSposition, top, right, bottom, left, width,
height, visibility, z-index e clip:rect.
Para uma introdução à CSS, visite a seguinte página da Web:
Para uma referência online ao CSS, visite a seguinte página da Web: