CSS3 Multi Columns CSS3

What is CSS Multi Colums?

CSS3 supports various columns to get arranged as the text in a news paper.

Some of the most frequently used multi columns properties are listed below −


Values

Description

column-count

It is used to count the number of columns that element should be divided

column-fill

It is used decide, how to fill the columns

column-gap

It is used to decide the gap between the columns

column-rule

It is used to specifies the number of rules

rule-color

It is used to specifies the column rule color

rule-style

It is used to specifies the style rule for column

rule-width

It is used to specifies the width

column-span

It is used to specifies the span between columns

Example

Below example shows the arrangement of text as new paper structure.

It will produce following result:

CSS Multi Colums

For suppose, if user wants to make text as new paper without line, we can do this by removing style syntax as shown below

It will produce following result:

result

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

CSS3 Topics