[css-transforms] inline box, atomic inline-level box and transformable elements

Dear fellow www-style colleagues,


7 The transform Property
http://www.w3.org/TR/css3-transforms/#transform-property
states
"
Applies to: transformable elements
"

---------

transformable element
http://www.w3.org/TR/css3-transforms/#transformable-element
"
     A transformable element is an element in one of these categories:

         an element whose layout is governed by the CSS box model which 
is either a block-level or atomic inline-level element, or whose display 
property computes to table-row, table-row-group, table-header-group, 
table-footer-group, table-cell, or table-caption [CSS21]
"

---------

"
Inline-level boxes that are not inline boxes (such as replaced 
inline-level elements, inline-block elements, and inline-table elements) 
are called atomic inline-level boxes because they participate in their 
inline formatting context as a single opaque box.
"
CSS2.1, section 9.2.2 Inline-level elements and inline boxes
http://www.w3.org/TR/CSS2/visuren.html#x13

---------

Q1 In the following test:

http://samples.msdn.microsoft.com/ietestcenter/css3/transforms/transform-002.htm

div#testDiv is not a transformable element because its layout is not 
governed by the CSS box model (since width and height do not apply to 
non-replaced inline element): is this a correct understanding of the 
definition?
I think that test is wrong...

Q2 In this snippet:

<div><span id="test">Text sample</span></div>

the span#test is *not* an atomic inline-level box:
a) is this a correct understanding of the definition?
b) Why shouldn't we consider (or treat) such span#test, here in this 
example, as a single opaque box?

Gérard

Received on Sunday, 9 February 2014 15:14:44 UTC