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

Re: [css-logical-properties] the 'inline-{start,end}' values for 'float' and 'clear'

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 4 Nov 2015 12:33:31 -0800
Message-ID: <CAAWBYDBuZfHH8DHtei9gEDoufAVfCMRTNkm2FoXZShr4RZw1KQ@mail.gmail.com>
To: Johannes Wilm <johannes@fiduswriter.org>
Cc: Jonathan Kew <jfkthame@gmail.com>, fantasai <fantasai.lists@inkedblade.net>, Koji Ishii <kojiishi@gmail.com>, "www-style@w3.org" <www-style@w3.org>, Rossen Atanassov <ratan@microsoft.com>, "Elika J. Etemad" <fantasai@inkedblade.net>
On Wed, Nov 4, 2015 at 11:56 AM, Johannes Wilm <johannes@fiduswriter.org> wrote:
> On Wed, Nov 4, 2015 at 8:02 PM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:
>> In the future when we have 2-axis floats (as in the Page Floats
>> module), 'float' can become a 2-value property, consistent with the
>> proposals for background-position and scroll-snap-align.  If you
>> specify one value, it will duplicate to the second value (as normal
>> for CSS).  The default float-reference (inline) will only pay
>> attention to the inline-axis value, so the extraneous block-axis value
>> is ignored (similar to how scroll-snap-align only pays attention to
>> the relevant axis).  For the 2d float references (column, region,
>> page), saying "float: start" will just put you in the start/start
>> corner, which seems fine.
>
> Ok, so "float: start" will mean that it floats to the start of the block and
> start of the line, whereas "float: end" will mean it will float to the end
> of the block and end of the line?

Yes.

> In most cases, page floats that float to the block start or end will
> probably take up the entire length of the line, so that floating to the
> start or end of the line will have the same effect. So the simplified
> "float:start" will work fine for those cases.
>
> But how about floating to the line start or line end with a float reference
> of column, region or page and taking up 100% in the block direction? How
> would the author specify that?

Probably "float: none start; height: 100%;".

~TJ
Received on Wednesday, 4 November 2015 20:34:19 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:58 UTC