- From: MURAKAMI Shinyu <murakami@antenna.co.jp>
- Date: Tue, 28 Sep 2010 16:27:14 +0900
- To: John Daggett <jdaggett@mozilla.com>
- Cc: www-style@w3.org
John Daggett <jdaggett@mozilla.com> wrote on 2010/09/28 15:08:35
> Shinyu Murakami wrote:
>
> > | Shorthands:
> > |
> > | margin: [physical?|logical] <margin-width>{1,4}
> > | | <margin-width>{1,4} [physical?|logical]
> > |
> > | [physical?|logical] is a flag that determines whether the values should be
> > | assigned to top/right/bottom/left or before/start/after/end. Since 'physical'
> > | is the default interpretation, the flag may be omitted
> >
> > Other examples:
> >
> > width: logical 100%; /* logical width = physical height in vertical writing mode */
> >
> > top: logical 3cm; /* physical right in vertical-rl mode */
>
> I don't think this quite works, this proposal effectively allows
> several properties to alias the same effective value with no way of
> clearly resolving precedence.
>
> body { writing-mode: vertical-rl: }
> .level1 { height: 2em; }
> .level2 { width: logical 1em; }
> .level3 { height: 3em; }
>
> <div class="level1">
> <div class="level2">
> <div class="level3">
> What's my height?
> </div>
> </div>
> </div>
>
> What's the height applied to the inner-most div element? The resolved
> width would be 'logical 1em' and the height would be '3em'. Which
> applies?
3em.
In this case, .level2 { width: logical 1em; } sets the actual
value of 'height' of div.level2 to 1em.
But inner-most is .level3 { height: 3em; }.
If 'width: logical 1em' and 'height: 3em' are specified in a same element,
'height: 3em' wins because the physical has precedence.
I wrote:
> If physical and logical specifications are in conflict, the physical one wins:
>
> /* in RTL mode, */
> margin-right: 3em;
> margin-left: logical 2em; /* = margin start = margin right in RTL mode */
> /* margin-right: 3em (physical) wins over 2em (logical) */
--
MURAKAMI Shinyu
http://twitter.com/MurakamiShinyu
Antenna House Formatter:
http://www.antennahouse.com
Received on Tuesday, 28 September 2010 07:28:28 UTC