22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

9.7 Relationships between ’display’, ’position’, and ’float’ . . . 115 .<br />

9.8 Comparison of normal flow, floats, and absolute positioning . 115 .<br />

9.8.1 Normal flow . . . . . . . . . . . 116 .<br />

9.8.2 Relative positioning . . . . . . . . . 117 .<br />

9.8.3 Floating a box . . . . . . . . . . . 118 .<br />

9.8.4 Absolute positioning . . . . . . . . . 121 .<br />

9.9 Layered presentation . . . . . . . . . . 125 .<br />

9.9.1 Specifying the stack <strong>level</strong>: the ’z-index’ property . . 126 .<br />

9.10 Text direction: the ’direction’ and ’unicode-bidi’ properties . 127 .<br />

10 Visual formatting model details . . . . . . . . . 131 .<br />

10.1 Definition of "containing block" . . . . . . . . 131 .<br />

10.2 Content width: the ’width’ property . . . . . . . 133 .<br />

10.3 Computing widths and margins . . . . . . . . 134 .<br />

10.3.1 Inline, non-replaced elements . . . . . . 134 .<br />

10.3.2 Inline, replaced elements . . . . . . . . 134 .<br />

10.3.3 Block-<strong>level</strong>, non-replaced elements in normal flow . . 134 .<br />

10.3.4 Block-<strong>level</strong>, replaced elements in normal flow . . . 135 .<br />

10.3.5 Floating, non-replaced elements . . . . . . 135 .<br />

10.3.6 Floating, replaced elements . . . . . . . 135 .<br />

10.3.7 Absolutely positioned, non-replaced elements . . . 135 .<br />

10.3.8 Absolutely positioned, replaced elements . . . . 136 .<br />

10.4 Minimum and maximum widths: ’min-width’ and ’max-width’ . 136 .<br />

10.5 Content height: the ’height’ property . . . . . . . 137 .<br />

10.6 Computing heights and margins . . . . . . . 138 .<br />

10.6.1 Inline, non-replaced elements . . . . . . 139 .<br />

10.6.2 Inline, replaced elements block-<strong>level</strong>, replaced elements in<br />

normal flow, and floating, replaced elements . . . . . 139 .<br />

10.6.3 Block-<strong>level</strong>, non-replaced elements in normal flow, and floating,<br />

non-replaced elements . . . . . . . . . 139 .<br />

10.6.4 Absolutely positioned, non-replaced elements . . . 139 .<br />

10.6.5 Absolutely positioned, replaced elements . . . . 140 .<br />

10.7 Minimum and maximum heights: ’min-height’ and ’max-height’ 140 .<br />

10.8 Line height calculations: the ’line-height’ and ’vertical-align’ properties<br />

. . . . . . . . . . . . . . . . 141 .<br />

10.8.1 Leading and half-leading . . . . . . . . 142 .<br />

11 Visual effects . . . . . . . . . . . . . . 145 .<br />

11.1 Overflow and clipping . . . . . . . . . . 145 .<br />

11.1.1 Overflow: the ’overflow’ property . . . . . . 145 .<br />

11.1.2 Clipping: the ’clip’ property . . . . . . . 147 .<br />

11.2 Visibility: the ’visibility’ property . . . . . . . . 149 .<br />

12 Generated content, automatic numbering, and lists . . . . 153 .<br />

12.1 The :before and :after pseudo-elements . . . . . . 153 .<br />

12.2 The ’content’ property . . . . . . . . . . 155 .<br />

12.3 Interaction of :before and :after with ’compact’ and ’run-in’<br />

elements . . . . . . . . . . . . . . 156 .<br />

12.4 Quotation marks . . . . . . . . . . . 157 .<br />

12.4.1 Specifying quotes with the ’quotes’ property . . . 157 .<br />

7

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!