CSS3 multiple column, column-span, rule in column

CSS3multiple column
Multiple columns is an additional feature of Css3,by which newspaper layout can be made.
Any article, if it is to write in a single paragraph, therefore you will still be able to convert two or more columns.
CSS3 multiple columns have three properties, which can be used to make the correct layout.
Almost all the major browsers except Internet Explorer supports multiple-column properties.
More than one column can be made for text layout like Newspaper by the css3.
Three properties are described below of multiple columns of CSS3.
Column Count- determine the number of columns.

Apply rule in column:
CSS column-rule ( ‘vertical-line’) using the properties of the columns in the middle of a rule width, style and color can be set.

syntax:

Column Rule color:

column-rule-color rule in the color properties can be set by individual column.
syntax:

Example:
Column Rule Style:
Between two columns of the style rule that determines how the column-rule-style property.
syntax:

Example:

Column-Rule-Width property.
property of this you can set the width of columns to separate rule.

syntax:
Example:

CSS3 column-span property.
This property is used to spread different elements of the columns. That is to say, How many columns can be extended by adding an element which is determined by the property.

syntax:
Example:

2 thoughts on “CSS3 multiple column, column-span, rule in column

  1. I used to be more than happy to search out this net-site.I needed to thanks on your time for this glorious learn!! I definitely having fun with every little bit of it and I have you bookmarked to check out new stuff you blog post.

  2. I found your blog site on google and check a number of of your early posts. Continue to keep up the excellent operate. I simply extra up your RSS feed to my MSN Information Reader. Looking for forward to studying more from you in a while!?

Leave a Reply

Your email address will not be published. Required fields are marked *