[CSS21] Used value versus specified and computed value (position relative)

Hello,

I'm struggling a bit with the understanding of following test:

http://test.csswg.org/suites/css2.1/20110323/html4/relpos-calcs-001.htm

What is inherited is the computed value, not the used value.

So,

line 25  top: inherit; /* using inheritance to test computed vs. used */

top is 'auto'; top is not 50% and it is not 60px.

So,

1- I do not see the purpose of the div.control in that test

2- div.inner's top property value inherited value is 'auto' which is
resolved as 0; it is not 50%. div.inner's top property used value is 0,
not 60px.

----------

On the other hand, in the following 2 tests:

http://www.gtalbot.org/BrowserBugsSection/css21testsuite/relpos-calc-001a.xht

In relpos-calc-001b, the orange and yellow squares' top and left inherited
values are not 'auto' but '30%'.

http://www.gtalbot.org/BrowserBugsSection/css21testsuite/relpos-calc-001b.xht

In relpos-calc-001b, the yellow square should be perfectly masking,
overlapping the red square.

These 2 tests try to highlight the different meaning of inherited, used,
computed values.

Gérard
-- 
CSS 2.1 Test suite RC6, March 23rd 2011
http://test.csswg.org/suites/css2.1/20110323/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html

Received on Monday, 9 July 2012 19:20:27 UTC