Advertise here
Dreamstime - Royalty-Free stock images

CSS Properties: You must have forgot

Article by Manish Rawat - June 11, 2009

When humans can invent, discover or create things, they even can forget and why not? Something new is taking place in every second one can not think of cramming every detail. I guess that's the reason why bosses keep their subordinates at work.


Web developers/ designers are not untouched even by this habit of forgetting. The reason is there are techniques that work and stick with them as they work well. And the designers/developers keep following those techniques resulting the un-practiced techniques to fade away. In this article I will try to recall few CSS properties which more likely has been forgotten or overlooked by many CSS followers.

Text Indent


The very purpose of this property is to push the first text line of the paragraph similar to what is visible in print media. The other reason to use this property is to displace the text completely off the page while using image replacement techniques on titles or navigation bar. This is the very common reason why text-indent is used.

Letter Spacing


Very rarely used property. Most of the people might have used it twice only. It does exactly what it interprets; it adjusts the space between the letters. It is very simple but practical enough. The only thing to keep in mind is that the space set by letter-spacing is not absolute space, but rather, it is relative to the space that already exists by default. So, the letter-spacing property legally accepts negative values. Therefore, using letter-spacing: -1px will decrease the space between elements by 1 pixel. And letter-spacing: 3px will increase any already existing space.
White-Space
Whenever you want to insert an inline element from breaking onto a second line, simply apply white-space: nowrap.

This property is likely to be used for short anchor text and span elements, since this property can cause an element to become larger in width than the element that contains it, it should be used with caution.

About the author
Xhtml.pixelcrayons.com converts your design files from various common image formats (PSD, JPG, GIF, PNG, AI) into best quality cross-browser compatible W3C validated XHTML/CSS markup. Check xhtml.pixelcrayons for our PSD to XHTML Conversion and integration such as PSD to drupal,PSD to Wordpress etc.




Back to articles

Find the articles you are looking for

 Web  Stockvault Articles
Follow Stockvault on Twitter