W3C home > Mailing lists > Public > www-style@w3.org > October 2015

[css-grid] Implicit Named Areas

From: Mats Palmgren <mats@mozilla.com>
Date: Mon, 5 Oct 2015 19:26:45 +0200
To: www-style list <www-style@w3.org>
Message-ID: <5612B2D5.1090305@mozilla.com>
I find the chapter on Implicit Named Areas:
https://drafts.csswg.org/css-grid/#implicit-named-areas
lacking in details on when and how such an implicit area is created.

For example, is an implicit named area A created in any of the
following cases? (assume 'grid-template-rows:40px' for now)

1: grid-template-columns: [A-start] 40px [] 40px;

2: grid-template-columns: [A-end] 40px [] 40px;

3: grid-template-columns: 40px [A-end] 40px;

4: grid-template-columns: [A-end] 40px [A-start] 40px;

5: grid-template-columns: 40px [] 40px [A-start];

6: grid-template-columns: 40px [A-start] 40px;

7: grid-template-columns: [A-start] 40px [A-end] 40px [A-start] 40px;

8: grid-template-columns: [A-start] 40px [A-start] 40px [A-end] 40px;

9: grid-template-columns: [A-start] 40px [A-end] 40px [A-end];

10: grid-template-columns: [A-end A-start] 40px [] 40px;

11: grid-template-columns: 40px [A-end A-start] 40px;

12: grid-template-columns: 40px [A-start A-end] 40px;

13: grid-template-columns: 40px [] 40px [A-end A-start];

If an area is created, at which lines does it start and end?

Are A-start/A-end lines in both dimensions required for
an implicit named area to be created?  For example, if I use
'grid-template-rows:[A-start] 40px [A-end]' together with the
declarations above, does that change the answers in any way?

The results of these examples in Firefox and Chrome are very
different, so I'd like to know what the exact rules are.

Thanks,
Mats
Received on Monday, 5 October 2015 17:27:16 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:52:25 UTC