User Guide

Applying CSS styles to Flex components 107
Applying an inline style to a component
You can use Flex Builder to visually apply inline styles. An example of an inline style is
<mx:Button color="red"...>. The color property in this Button tag applies only to this
specific Button instance.
To apply an inline style to a component:
1. Click the component in the page.
2. In the Tag inspector (Window > Tag Inspector), click the Attributes tab and scroll to the Styles
category of properties.
The Styles category lists all the styles that can be applied to the selected component.
Note: Multiword style names in Flex are slightly different from their HTML counterparts, but
they’re the same styles. For example, fontFamily in Flex is the same style as font-family in HTML.
3. In the Styles category, set the style properties of the component.
Related topics
• “About CSS styles in Flex” on page 103
• “Applying a class style to a component” on page 106
Modifying a CSS style applied to a component
You can visually modify any CSS style applied to a component.
To modify a CSS style applied to a component:
1. Select the component with the style.
2. In the Tag inspector (Window > Tag Inspector), click the Relevant CSS tab to view the CSS
styles in the current file.