• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 23. Multi-Column Layout > column-span Property

23.8. column-span Property

There will be instances where you will want to be able to have elements — such as pictures or header text — span across several columns, and this is the reason for having the column-span property. The column-span property has four possible values: an integer value, none, all and inherit.

If an integer value is set, it tells the browser how many columns the element it is attached to is intended to span. If this integer value is greater than the total number of columns displayed, then the element will span all of the displayed columns — it will not overflow. If the all value is set, the element will automatically span all of the columns. The none value is the default, and restricts the element to be contained within a single column. Finally, the inherit value takes on whatever parent value may have already been set for column-span. The following code snippet provides a sense of how this property works:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint