Re: [css3-writing-modes] Keyword alternatives to "logical"

Hi, everyone.

Let me explain a little bit about my idea of 'rotate' keywords.

margin-top:    [rotate0|rotate90]? <margin-width>
margin-right:  [rotate0|rotate90]? <margin-width>
margin-bottom: [rotate0|rotate90]? <margin-width>
margin-left:   [rotate0|rotate90]? <margin-width>

Addinng the keyword 'rotate90' enables vertical writing easier for CJK authors.

ex.

margin-top: rotate90 50px;

'margin-top' becomes 'margin-right' because the keyword rotates
the axes by 90 degrees clockwise.

If you want to turn back to horizontal writing mode as we are using right now,
change the number to zero.

margin-top: rotate0 50px;

Or, just remove the keyword.

margin-top: 50px;

'rotate180' and 'rotate270' are probably not needed. Only for completeness.

Best,
Thoton Akimoto
Japan

On Oct 27, 2010, at 3:29 PM, MURAKAMI Shinyu wrote:

>
>    margin-top:    [before|end|after|start]? <margin-width>
>    margin-right:  [before|end|after|start|outside|inside]? <margin-width>
>    margin-bottom: [before|end|after|start]? <margin-width>
>    margin-left:   [before|end|after|start|outside|inside]? <margin-width>
>

I really don't like adding logical keywords to properties that have
physical names.  That just doesn't make any sense.

The reason logical keywords work nicely with shorthands like "margin"
or "border-style" is that no directionality was implied by the name of
the property.

dave

Received on Thursday, 28 October 2010 08:54:29 UTC