Applying CSS Styles to Text Indenting and Outdenting Text

4-2 Oracle Fusion Middleware Users Guide for Site Studio Contributor

4.2 Applying CSS Styles to Text

There are two ways to format the text or graphics on your web pages. You can manually apply formatting attributes such as bold, italic, and font color, or you can apply a style from a cascading style sheet, or CSS using the style menu in the editing toolbar. A style can store attributes such as typeface, font, and positioning. Styles are created ahead of time by your site designer or site manager to simplify the process of formatting web pages and to make them more consistent. Rather than having to manually format the text on a given web page and then trying to remember those settings for the next page, you can simply apply a style to your text. To apply a CSS class to your text, complete the following tasks:

1. Highlight the desired text or image.

2. In the editing toolbar, click the style you want to apply to your text.

Figure 4–1 Styles Menu Example The text then takes on the formatting attributes stored in that particular style. You can assign a class to individual words and graphics in the same field in Contributor. The available styles in the list may vary from one field to another and from one web page to another depending on how the site was set up. Formats a block of text to identify quotations text coming from other sources. Style Applies a CSS formatting style to the selected text. The list of available styles is defined by the site designer. To remove the applied style, select the style name again. Format Applies an HTML formatting tag to the selected text for example, H1. The list of available formats is defined by the site designer. Font Applies a font to the selected text. Size Applies a font size to the selected text. Changes the color of the text. Changes the background highlight color of the text. Toolbar Option Description Working With Text 4-3

4.3 Indenting and Outdenting Text

You can increase and decrease the left margin using the indent or outdent button in the editing toolbar. To indent or outdent text, perform these tasks: 1. Place your cursor where you would like to change the margin. 2. In the editing toolbar, click the Indent icon Figure 4–2 to increase the left margin. Or, click the Outdent icon Figure 4–2 to decrease the left margin. Figure 4–2 Text Indentation Icons

4.4 Aligning Text