[css3-grid] Question about grid cell creation

I'm very confused about how grid cell creation works.  I understand that cells can be created both anonymously and explicitly.

(1) If I create two explicit cells in the same row/column, are they the same cell or two different cells placed on top of one another?

::grid-cell("one") { grid-row: 1; grid-column: 1 }
::grid-cell("two") { grid-row: 1; grid-column: 1 }

If they are two distinct cells do you consider the content of all of these cells when sizing a column to min-content/max-content, etc.?

(2) Can explicit grid cells specify properties like backgrounds or do they only respect grid-row and grid-column?  For example are rules like these possible?

::grid-cell("one") { background-color: blue }

or

::grid-cell("two") { border:10px solid black }

(3) If grid cells are capable of painting backgrounds or borders, what is the expected order for cell painting?  Explicit grid cells come from CSS stylesheets and so there is no document order to rely on.  It's not clear to me what the paint order should be.

(4) If multiple cells occupy the same position, then how do you know which one to use?

::gridcell("one") { grid-row: 1; grid-column: 1 }
::gridcell("two") { grid-row: 1; grid-column: 1 }
#item1 { grid-row:1; grid-column: 1 }

Does #item1 end up inside one of the explicit grid cells, or are anonymous grid cells created independently without looking at explicit cells?  If the answer is that a new anonymous cell gets created, again, I'm confused about paint order relative to the other cells that might occupy the same position.

(5) How does coalescing of items in anonymous cells work?  Do items only share the same grid cell as long as their starting and ending lines match in both the row and column direction?

Thanks,
Dave
(hyatt@apple.com)

Received on Friday, 13 May 2011 20:47:32 UTC