Re: [css3-page] Styling elements differently based on whether they appear on a left or right page

On Sep 8, 2013, at 3:26 PM, Håkon Wium Lie <> wrote:

> If you want different sidenotes for left and right pages, you can use
> the @sidenote construct:
>  @page :left {
>    @sidenote {
>      border-radius: 0.2em 0 0 0.2em; 
>  }}
>  @page :right {
>    @sidenote {
>      border-radius: 0 0.4em 0.4em 0;
>  }}

My main point is that you shouldn't have that power only for a side note or footnote or element in a margin box. It should be just as easy to selectively style any element within the main content area, based on the page-selecting @rule. 

Also, your rule above means that _everything_ floated into a sidenote gets a border-radius, but that might not be what the author wants. Perhaps only certain boxes in the sidebar should get that, and other sibling boxes should not.

Received on Monday, 9 September 2013 03:32:36 UTC