Setting CSS Styles for a JSF Component

See Also | Tutorials

The cascading style sheet (CSS) specification enables you to override settings in the project style sheet with inline CSS styles. You can set individual styles for components by adding styles to a component's style property. For example, you can set fonts and colors for a Text Field component.

To set styles for a component:

  1. In the click the component.
  2. In the Properties window, click the ellipsis button (...) next to style.

    The Style Editor opens.

  3. Choose a Style Editor category from the list on the left side of the editor. When you choose a category, you see style settings related to the category appear to the right of the list of categories.

    For example, the Font category is selected when you open the editor, and the editor shows various style settings related to fonts, such as Font Family, Size, Weight, Color, and so on. Or, if you select Background, you can choose style settings like the background color, a background image, and various ways to display that background for the component.

  4. When you have finished, click OK to apply the styles.
See Also
Style Editor
Using Cascading Style Sheets
CSS Editor
About Components
Setting Component Properties
Component Tasks: Quick Reference
Tutorials

Legal Notices