advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

j_junyent on 11/25/07


Tagged

CSS3 columns multicolumn


Versions (?)


Who likes this?

2 people have marked this snippet as a favorite

SpinZ
vali29


CSS3 Multicolumn text

Published in: CSS 

URL: http://www.alistapart.com/articles/css3multicolumn

The W3C multi-column module is a CSS level-three working draft, proposed by the W3C to extend the current CSS box model. The module’s intent is to allow content to flow into multiple columns inside an element. It offers new CSS properties that let the designers specify in how many columns an element should be rendered. The browser takes care of formatting the text so that the columns are balanced.

The proposed new CSS properties are:

* ‘column-count’, to determine the number of columns into which the content of the element will flow.
* ‘column-width’, to describe the optimal width of each column.
* ‘column-gap’, to set the padding between columns.
* ‘column-rule’, to define a border between columns.
Plain TextExpand 
  1. .article {
  2.   column-count: 2;
  3.   column-gap: 20px;
  4. }

Report this snippet 

Comments

RSS Icon Subscribe to comments
Posted By: heinz1959 on November 28, 2007

this is not php, this is css3.

You need to login to post a comment.