- From: Eoghan Murray <eoghan@getthere.ie>
- Date: Thu, 19 Sep 2013 18:57:32 +0100
- To: www-style@w3.org
Received on Friday, 20 September 2013 16:20:15 UTC
I can do the following in CSS3:
img { width: calc(66%); }
which is equivalent to doing:
img { width: 66%; }
which resizes the image width to 66% of it's containing element.
What I'd like to be able to do is to be able to calculate based on the
current (i.e. default or auto) width of the image.
A syntax for this could be:
img { width: calc(auto * 0.66); }
or just plain:
img { width: calc(0.66); }
I think there is an omission here, as percentages cover very different
ground:
http://www.w3.org/TR/css3-values/#percentage-value
"The value may be that of another property for the same element, a property
for an ancestor element, or a value of the formatting context (e.g., the
width of a *containing block*)"
(Aside: transform: scale(0.66); doesn't have the effect I'm intending as it
doesn't alter layout)
With thanks!
Eoghan
Received on Friday, 20 September 2013 16:20:15 UTC