[whatwg] Using Math In CSS3

Simon Pieters simonp at opera.com
Tue Feb 5 04:17:58 PST 2008


On Tue, 05 Feb 2008 11:28:14 +0100, James Jeffery  
<cascadingstylez at googlemail.com> wrote:

> Morning all.
>
> Im not sure if this is already a recommendation, or its already been  
> thought
> about, but here goes.
>
> Basically i was working on a task, a 2 column layout simple as anything,
> heres the css:
>
> body {width: 50em;}
>
> div#mainNav {width: 10em;}
>
> div#content {width: 40em;}
>
> Now if i want to add a border, say 1pixel all around, i have to convert  
> 1px
> to an em unit and minus that from the width values (n-40em), then add 1px
> border all around. It would take me a few seconds on the calculator, i  
> know,
> but would it not be easier to have something like?:
>
>  body {width: 50em;}
>
> div#mainNav {width: (10em - 1px);}
>
> div#content {width: (40em - 1px);}
>
> #mainNav, #content {border: red 1px solid;}
>
> I mean im sure there would be great use for it on larger and different
> tasks, the example i provided was very simple. Basically the algorithm  
> would
> automatically be able to convert between px, em, % etc.
>
> Just an idea, and im looking forward to any comments.

Two things...

1) This is the wrong list.

2) See calc() or 'box-sizing'.

    http://www.w3.org/TR/css3-values/#calc
    http://www.w3.org/TR/css3-ui/#box-sizing


Cheers,
-- 
Simon Pieters
Opera Software



More information about the whatwg mailing list