clear in Java

Draw PDF 417 in Java clear

To solve the problem illustrated in Figure 12-9, where the images floated into the heading backgrounds in the second and third paragraphs, using clear enables designers to prevent such impingement clear can take these values: left, right, both, and none (the default) Because overlap occurs after an image and text flows from left to right, adding clear: right; to image markup fixes this problem, as shown in Figure 12-10

Using the cursor property changes the appearance of the mouse cursor in a Web browser as it hovers over specific elements Numerous values can be assigned to this property, so experiment to see how they look in various browsers and whether you can use them to good effect Figure 12-11 uses four texture images, each with a different cursor so you can see how this looks for yourself onscreen (It s hard to show dynamic behavior in a book, so we made a collage of screenshots from the same underlying page) CSS supports as many as 17 different cursor styles, so be sure to spend some time experimenting with different values that the cursor property can take

Some people might argue that text properties are the most important elements in the CSS collection We don t want to fight about this, for sure, but instead recommend that you dig into Table 12-7 to see what s available for controlling text appearance and behavior while it s on display using CSS We think you ll be amazed, but we hope you ll also be pleased

Table 12-7

Property color direction letter-spacing line-height text-align text-decoration text-indent text-shadow text-transform vertical-align white-space word-spacing

Description Sets text color of text (name or hex code) Specifies text/writing direction (ltr or rtl) Manages space between characters in text Sets line height Sets horizontal alignment (left, right, justify, center) Specifies decoration added to text Sets indent for first line in a text-block Sets text shadow effect added Controls text capitalization Sets vertical element alignment Manages space between words in text Manages space between words in text

Use color to, um, establish color for text within elements, where colors may be assigned by using names or hex codes (See the online Cheat Sheet at wwwdummiescom/cheatsheet/html for a sizable list of such names and values) We show this capability throughout s 9 11, and this chapter as well, so we don t illustrate it here

The line-height property sets the height for the inline boxes (those allocated for each line of text) in a text block of some kind Use line-height as an easy way to expand or compress the space between lines of text, as the example in Figure 12-12 shows

Pseudo classes in CSS may seem a little strange at first: They take some getting used to because they modify (X)HTML elements That explains why Table 12-8 starts each pseudo class name with a colon (it acts as a delimiter with the element it modifies, and it signals the presence of a CSS pseudo class) Generally, pseudo classes serve to make content on Web pages more dynamic and interactive, as you ll discover when you get comfortable with them

Table 12-8

Pseudo Class :active :after :before :first-child :first-letter :first-line :focus :hover :lang :link :visited

Description Adds a style to an activated element Adds content following an element Adds content preceding an element Adds a style to first child element inside another element Adds a style to first character in a text sequence Adds a style to first line in a text sequence Adds a style to element with keyboard input focus Adds a style to element as you mouse over it Adds a style to any element with a specific language attribute Adds a style to unvisited link Adds a style to visited link

By far, the most widely used pseudo classes apply to (X)HTML links In the example in the next section, we combine :hover, :link, and :visited to show how this works (and looks)