The Style Editor enables you to add cascading style sheet (CSS)
rules to the style property of a JavaServer Faces component.
You open the editor by selecting a component that you have added
to a Visual Web JSF page and then, in the component's Properties window, clicking
the ellipsis button (...) next to the style property.
This editor is also used in a pane of the CSS Editor. In that editor, the previews are shown in a pane to the right of the Style Editor pane and the text results of your choices are shown above, in the CSS Editor's editing pane.
To use the editor:
Choose a CSS style editor category from the list in the
left pane, and then choose settings for that CSS properties in that category
in the pane on the right. Below the settings pane is a preview pane that
shows the results of your choices. The CSS Style pane near the bottom shows
you the text that will be added to the style property.
A message above the CSS Style pane will tell you if a setting cannot
be displayed in the preview pane. The setting is likely to work when you
run your application, but you should test it by right-clicking the page in
the Visual Designer and choosing Preview in Browser.
When you have chosen all your settings, click OK to close the editor and
apply the changes to the style property.
If you click Reset to Default, all style settings will be deleted, including
any that existed when you opened the editor. If you want to reset the style
property's values to those it had when you opened the editor, click Cancel.
By default, the editor shows
CSS property settings for the first CSS style editor category on the list,
Font. The following list shows all the categories. Each category name links
to a topic describing the CSS property settings on the category's panel:
Font. Settings
for the CSS properties font-family, font-size, font-style, font-weight, font-variant, font-color,
and
text-decoration.
Background. Settings
for the CSS properties background-color, background-image, background-repeat,
and background-position.
Text Block. Settings
for the CSS properties text-align, vertical-align, text-indent, direction, word-spacing, letter-spacing,
and line-height.
Border. Settings
for the CSS properties border, border-top, border-bottom, border-left, and border-right.
Margin. Settings
for the CSS properties margin, margin-top, margin-bottom, margin-left, margin-right, padding, padding-top, padding-bottom, padding-left,
and padding-right.
Position. Settings
for the CSS properties position, top, right, bottom, left, width,
height, visibility, z-index, and clip:rect.
For an introduction to CSS, see the following web page:
For an online reference to CSS, see the following web page: