CSS3 column-count Property

 

The column-count property is supported in Internet Opera and Explorer 10 but not in 9 and earlier versions.

Firefox supports an alternative by using there prefix, the -moz-column-count property.

Safari and Chrome support an alternative by using there prefix, the -webkit-column-count property.

Note: The column-count property will not supported by browser such as Internet Explorer 9 and earlier versions.

Example

This is the test that can we use to see the content in several column by using column count properties. It is used for magzine, newspaper & articles on daily uses materials for news. This properties of css3 is a very useful in future. Its is one of the best properties. So for practice you need to copy and paste this code in your site. So you can easily understand it.

HTML Content

    


This is the test that can we use to see the content in several column by using column count properties. It is used for magzine, newspaper & articles on daily uses materials for news. 
This properties of css3 is a very useful in future. Its is one of the best properties. So for practice you need to copy and paste this code in your site. So you can easily understand it.

CSS Content

.newspaperstyle {
    -moz-column-count: 3; /* Firefox */
column-count: 3;
    -webkit-column-count: 3; /* Safari and Chrome */
    
}

Note: This example does not work in Internet Explorer 9 and earlier versions.