CSS Text
It's not much of a decoration but the code above will get rid of that line under your links for you. See my links? No underline with any of them. More on this in the links tutorial. The rest do just what they say. Underline, overline, line-through and blink. It's important to note here that blink will probably only work with Netscape® and Mozzila®. Because it can be annoying, it has limited uses.
Every time I use text-decoration , I'm always a little disappointed that it doesn't add little hearts or clovers or something along those lines. Ya, I know, it's a bummer but that's the breaks I guess.
The code above is what I use in my imported style sheet so that the first line of each and every one of my paragraphs is indented 20 pixels. The value can be either a length or a percentage.
It's important to note here the various units you can use for the length. They go like this:
- px-Pixels, must be an integer (whole number).
- pt-Points, about 1/72 of an inch.
- pc-Pica, equals 12 points.
- em-a value measured by the width of the uppercase letter M for the font being used.
- ex-a value measured by the height of the lowercase letter x for the font being used.
- mm-Millimeters.
- cm-Centimeters.
- in-Inches.
Keep in mind that there can't be a space between the number and its unit denotation. Things won't work right if there is. Which unit you use is your choice.
This one is for the case of the first letter of each word. Notice how it makes the first letter uppercase.the next value, "uppercase" makes every letter a capital. AND AS YOU MIGHT HAVE GUEST, "lowercase" MAKES EVERY LETTER A NON CAPITAL. Don't believe me? Just check the source code and see it applied to this paragraph. In the example above I have the selector set as a class but in this paragraph I used inline styles since they were only going to be used once. I'm sure it has its uses. Maybe for people who don't like to use the shift or caps lock keys. Javascript didn't seem to notice the transformation in a form validation script I wrote. I had to use the javascript methods for this.
