W3C home > Mailing lists > Public > www-style@w3.org > July 2004

Re: Multi-columns property proposal: column-gap and Co.

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Wed, 14 Jul 2004 16:05:11 -0700
Message-ID: <000701c469f7$057838a0$eb01000a@AFedoniouk>
To: "Saila, Craig" <csaila@globeandmail.ca>, <www-style@w3.org>

Considering that current proposal assumes creation of anonymous box for each
column I think that we can remove these attributes at all:

  a.. column-gap
  b.. column-rule
  c.. column-rule-color
  d.. column-rule-style
  e.. column-rule-width
If author needs ruler and the gap between columns it can be easily achieved
as:

.mycolumnscontainer
{
     column-count :2;
}
.mycolumnscontainer > *  /* it matches all column boxes */
{
    border-left: 1pt solid red; /* the ruler */
    padding:1em;  /* the gap */
}
.mycolumnscontainer > *:first-child  /* it matches first column box */
{
    border-left: 0 none;
}

IMO, of course.

Andrew Fedoniouk.
http://terrainformatica.com

From: "Saila, Craig" <csaila@globeandmail.ca>
To: <www-style@w3.org>
Sent: Wednesday, July 14, 2004 9:50 AM
Subject: CSS3: Multi-columns property proposal: column-count-policy


>
> This is a bit long -- and my first such proposal -- but it's an effort
> to help Robert O'Callaghan implement in Mozilla the ideas he raised in
> his "column-balance" proposal. This is a slightly different method, that
> also creates a new property, "column-count-policy" which follows the
> syntax of "column-width-policy".
>
> 'column-count-policy'
> Value: flexible | strict | inherit
> Initial: flexible
> Applies to: block-level elements
> Inherited: no
> Percentage values: N/A
> This property describes how to interpret 'column-count'. The values are
>
> flexible - indicates that the number of columns can extend beyond the
> element's width until the end of the content is reached.
> strict - indicates that 'column-count' is to be honored. If
> 'column-count' is 'auto', the element's height increase until the end of
> the content is reached. If, based on the specified value of the column
> properties, the CWRG is larger than the content width of the element,
> the actual value of 'column-count' must be reduced to make the columns
> fit inside the content area.
>
> Adding this would mean altering "CSS3 module: Multi-column layout 6.1.
> Reducing the number of columns"
> <http://www.w3.org/TR/2001/WD-css3-multicol-20010118/#reducing>
>
> Here are some usage scenarios, I think I've caught most of the variants:
>
> 1) UA creates as many columns as there is room for.
> 2) UA creates as many columns as specified.
> 3) The box height adjusts.
> 4) The columns continue to be generated outside the element's width.
> 5) The box width scrolls.
> 6) The box height scrolls.
> 7) Excess content is hidden.
>
> *Auto columns*
>
> column-count: auto
> height & max-height: auto
> Behaviour: 1,3
>
> *Auto columns with height*
>
> column-count: auto
> height|max-height: <not auto>
> overflow: visible
> 1,4
>
> column-count: auto
> height|max-height: <not auto>
> overflow: hidden
> 1,4,7
>
> column-count: auto
> height|max-height: <not auto>
> overflow: scroll|auto
> 1,4,5
>
> *Auto columns with height and strict count policy*
>
> column-count: auto
> column-count-policy: strict
> height|max-height: <not auto>
> overflow: visible
> 1,3
>
> column-count: auto
> column-count-policy: strict
> height|max-height: <not auto>
> overflow: hidden
> 1,3,7
>
> column-count: auto
> column-count-policy: strict
> height|max-height: <not auto>
> overflow: scroll|auto
> 1,3,6
>
> *Fixed columns*
>
> column-count: <not auto>
> height: auto
> 2,3
>
> *Fixed columns with height*
>
> column-count: <not auto>
> height: <not auto>
> 2,3
>
> column-count: <not auto>
> height: <not auto>
> overflow: hidden
> 2,3,7
>
> column-count: <not auto>
> height: <not auto>
> overflow: scroll|auto
> 2,3,6
>
> *Fixed column width with max-height*
>
> column-count: <not auto>
> max-height: <not auto>
> 2,4
>
> column-count: <not auto>
> max-height: <not auto>
> overflow: hidden
> 2,4,7
>
> column-count: <not auto>
> max-height: <not auto>
> overflow: scroll|auto
> 2,4,5
>
> *Fixed column width with max-height and strict count policy*
>
> column-count: <not auto>
> column-count-policy: strict
> max-height: <not auto>
> 2,3
>
> column-count: <not auto>
> column-count-policy: strict
> max-height: <not auto>
> overflow: hidden
> 2,3,7
>
> column-count: <not auto>
> column-count-policy: strict
> max-height: <not auto>
> overflow: scroll|auto
> 2,3,6
>
>
> -- 
> Cheers,
>
> Craig Saila
> ------------------------------------------
> craig@saila.com : http://www.saila.com/
> ------------------------------------------ 
>
Received on Wednesday, 14 July 2004 19:05:48 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:31 GMT