See Also
This panel of the the Style
Editor enables you to add text-block-related cascading style
sheet (CSS) declarations to the style property of a JavaServer
Faces component. These declarations affect the spacing inside a rendered block
level element on your page. The declarations you add to the style property
override corresponding CSS rules defined in the page's CSS file.
The Text Block panel enables you to set the following style
declarations:
- Horizontal Alignment. Sets the CSS property text-align,
which specifies the horizontal alignment of the text (left, center, right,
or justified) within the left and right margins of the component.
- Vertical Alignment. Sets the CSS property vertical-align,
which specifies where the contents of the component appear in relation to
the baseline of the text or of other objects that are in the same line. You
can use this setting to move the text block up and down in relationship to
the baseline of other components or text. For example, setting an Image component's
Vertical Alignment to baseline puts the base of the image on the
baseline of text on the same line as the image.
You can enter a numeric value either for the percentage or for the length
by which the component is to be raised above or lowered below the baseline.
A percentage value is based on the line height of the component. If you enter
a number, press the Enter key to enable the units drop-down list.
- Indentation. Sets the CSS property text-indent, which
indicates the amount that the first line of a paragraph inside the text
block is indented. Either pick a number from the drop-down list or type a
number in. If you type a number, press the Enter key to enable the units
drop-down list.
- Text Direction. Sets the CSS property direction, which
indicates the direction in which the text is read. For example, English is
right-to-left (rtl), while Hebrew is left-to-right (ltr). This property affects
the Indentation property, ensuring that a paragraph is indented on the proper
side.
- Word Spacing. Sets the CSS property word-spacing , which
controls the amount of spacing between words.
- Letter Spacing. Sets the CSS property letter-spacing,
which controls the amount of spacing between letters.
- Line Height. Sets the CSS property line-height, which
controls the vertical spacing between lines of text. Specifically, the line
height is the distance between the baselines of adjacent lines of text.
- See Also
- About Components
- Common
Component Properties
- Using
Cascading Style Sheets
Close