5 Simple, But Useful CSS Properties
This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I'm not talking about the new fancy CSS3 properties. I'm referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don't miss this post because you might be surprised how useful they are. 1. CSS Clip The clip property is like a mask. Image Clip Example (demo) The following example shows you how to mask an image using clip property. Image Resize and Clip (demo) In this example, I'm going to show you how to resize and clip images. 2. The min-height property allows you to specify the minimum height of an element. Min-height hack for IE6 Note: min-height is not supported by IE6, but there is a min-height hack. 3. The white-space property specifies how white-space is handled in an element. 4. If you change the behavior of a button, you should change its cursor as well. 5.