Re: [css3] "keep aspect ratio" feature

Zack Weinberg wrote:
> Andrew Fedoniouk <> wrote:
>> Time to time I am getting feature request to provide
>> "keep aspect ratio" functionality in CSS.
> ....
>> #my-golden-ratio
>> {
>>    width: 30%;
>>    height: width(62%);
>> }
>> where width takes 30% of content box of #my-golden-ratio parent
>> and height of the element will be set to 62% of its computed width.
> Not a completely crazy idea, but you'd ultimately end up with one of
> these functions for every length property.  I think it'd be better to
> generalize immediately: prop('name') which evaluates to the computed
> value of the property named 'name', and can be used inside calc().

Well, there are not so many length properties that you can
or makes sense to use this way.

About prop(name)/calc()

Consider this:

height: calc( prop(height)*1.2 );


box-sizing: border;
    padding: calc( prop(height)*0.1 );

there are a lot of other funny things with the calc() used this
way that may cause even oscillations.

calc() gives an impression of flexibility but it
is very limited feature indeed.

Andrew Fedoniouk.

Received on Friday, 21 November 2008 07:51:15 UTC