[css-transforms-1] Editorial change. Code highlighting of snippets.

Author: dirkschulze

css-transforms-1/Overview.bs

@@ -314,13 +314,13 @@ Note: The identical rendering can be obtained by nesting elements with the equiv
 
 For elements whose layout is governed by the CSS box model, the transform property does not affect the flow of the content surrounding the transformed element. However, the extent of the overflow area takes into account transformed elements. This behavior is similar to what happens when elements are offset via relative positioning. Therefore, if the value of the 'overflow' property is ''overflow/scroll'' or ''overflow/auto'', scrollbars will appear as needed to see content that is transformed outside the visible area. Specifically, transforms can extend (but do not shrink) the size of the overflow area, which is computed as the union of the bounds of the elements before and after the application of transforms.
 
-For elements whose layout is governed by the CSS box model, any value other than ''transform/none'' for the transform results in the creation of a stacking context. Implementations must paint the layer it creates, within its parent stacking context, at the same stacking order that would be used if it were a positioned element with ''z-index: 0''. If an element with a transform is positioned, the 'z-index' property applies as described in [[!CSS2]], except that ''z-index/auto'' is treated as ''0'' since a new stacking context is always created.
+For elements whose layout is governed by the CSS box model, any value other than ''transform/none'' for the 'transform' property results in the creation of a stacking context. Implementations must paint the layer it creates, within its parent stacking context, at the same stacking order that would be used if it were a positioned element with ''z-index: 0''. If an element with a transform is positioned, the 'z-index' property applies as described in [[!CSS2]], except that ''z-index/auto'' is treated as ''0'' since a new stacking context is always created.
 
-For elements whose layout is governed by the CSS box model, any value other than ''transform/none'' for the transform also causes the element to establish a <dfn export>containing block for all descendants</dfn>. Its padding box will be used to layout for all of its absolute-position descendants, fixed-position descendants, and descendant fixed background attachments.
+For elements whose layout is governed by the CSS box model, any value other than ''transform/none'' for the 'transform' property also causes the element to establish a <dfn export>containing block for all descendants</dfn>. Its padding box will be used to layout for all of its absolute-position descendants, fixed-position descendants, and descendant fixed background attachments.
 
 <div class="example">
 To demostrate the effect of [=containing block for all descendants=] on fixed-position descendants, the following code snippets should behave identically:
-<pre>
+<pre><code highlight=html>
 &lt;style>
 #container {
   width: 300px;
@@ -347,14 +347,14 @@ To demostrate the effect of [=containing block for all descendants=] on fixed-po
   &lt;div id="bloat">&lt;/div>
   &lt;div id="child" style="position:fixed;">&lt;/div>
 &lt;/div>
-</pre>
+</code></pre>
 versus
-<pre>
+<pre><code highlight=html>
 &lt;div id="container" style="position:relative; z-index:0; left:5px;">
   &lt;div id="bloat">&lt;/div>
   &lt;div id="child" style="position:absolute;">&lt;/div>
 &lt;/div>
-</pre>
+</code></pre>
 </div>
 
 <a href="https://www.w3.org/TR/css3-background/#fixed0">Fixed backgrounds</a> on the root element are affected by any transform specified for that element. For all other elements that are effected by a transform (i.e. have a transform applied to them, or to any of their ancestor elements), a value of ''fixed'' for the 'background-attachment' property is treated as if it had a value of ''background-attachment/scroll''. The computed value of 'background-attachment' is not affected.