-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
executable file
·103 lines (96 loc) · 7.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Basic Visual Formatting (Chapter 6)</title>
<link type="text/css" href="../styles/indices.css" rel="stylesheet">
<style type="text/css">
body {--chno: "6";}
</style>
</head>
<body>
<header>
<h1>Basic Visual Formatting</h1>
<h2>Chapter 6</h2>
</header>
<main>
<h3>Figures</h3>
<ol>
<li><a href="content-area-and-surroundings.html">The content area and its surroundings</a></li>
<li><a href="display-changing-inline-to-block.html">Changing the display role from inline to block</a></li>
<li><a href="display-changing-list-to-inline.html">Changing the display role from list-item to inline</a></li>
<li><a href="complete-box-model.html">The complete box model in two different writing modes</a></li>
<li><a href="block-inline-axes.html">The block and inline axis directions for three common writing modes</a></li>
<li><a href="sizing-elements-along-inline-axis.html">Sizing elements along their inline axis</a></li>
<li><a href="content-sizing.html">Content sizing</a></li>
<li><a href="minimum-content-sizing.html">Minimum content sizing</a></li>
<li><a href="fit-content-sizing.html">Fit-content sizing</a></li>
<li><a href="maximum-block-sizing.html">Maximum block sizing</a></li>
<li><a href="sizing-elements-width.html">Sizing elements’ width</a></li>
<li><a href="heights-and-widths.html">Heights and widths</a></li>
<li><a href="box-sizing.html">The effects of <code>box-sizing</code></a></li>
<li><a href="block-axis-properties.html">The seven properties of block-axis formatting, and which can be set to <code>auto</code></a></li>
<li><a href="vertical-formatting-auto-height-block-children.html">Auto block sizes with block-level children</a></li>
<li><a href="vertical-formatting-pct-heights.html">Percentage block sizes in different circumstances</a></li>
<li><a href="block-axis-sizing-placement-in-detail.html">Block-axis sizing and placement in detail</a></li>
<li><a href="overflow-methods.html">Methods for overflowing content</a></li>
<li><a href="overflow-x-y.html">Setting overflow separately for x and y</a></li>
<li><a href="negative-margins-collapsing-top-margin-effects.html">The effects of a negative top margin</a></li>
<li><a href="negative-margins-collapsing-bottom-margin-effects.html">The effects of a negative block-end margin</a></li>
<li><a href="collapsing-vertical-margins-col-v-uncol.html">Collapsed versus uncollapsed margins</a></li>
<li>Collapsing in detail</li>
<li><a href="collapsing-vertical-margins-col-with-borders.html">Collapsing (or not) with borders added to the mix</a></li>
<li><a href="negative-margins-collapsing-examples.html">Examples of negative block-axis margins</a></li>
<li><a href="negative-margins-collapsing-in-detail.html">Collapsing margins and negative margins, in detail</a></li>
<li><a href="horizontal-formatting-additive-padding-margin.html">Additive padding and margin</a></li>
<li><a href="horizontal-formatting-subtractive-padding-margin.html">Subtractive padding</a></li>
<li><a href="horizontal-formatting-elements-wide-as-containing-block.html">Element boxes are as wide as the width of their containing block</a></li>
<li><a href="inline-axis-properties.html">The seven properties of inline-axis formatting, and which can be set to <code>auto</code></a></li>
<li><a href="horizontal-formatting-overriding-right-margin.html">Overriding the inline-end margin’s value</a></li>
<li><a href="horizontal-formatting-auto-width.html">Automatic inline sizing</a></li>
<li><a href="horizontal-formatting-setting-explicit-width.html">Setting an explicit inline size</a></li>
<li><a href="horizontal-formatting-auto-width-and-left.html">What happens when both the inline size and inline-start margin are auto</a></li>
<li><a href="horizontal-formatting-implicit-offset.html">Offset is implicit in the parent’s margins and padding</a></li>
<li><a href="horizontal-formatting-negative-margins-wide-children.html">Wider children through negative margins</a></li>
<li><a href="horizontal-formatting-negative-margins-negative-left.html">Setting a negative inline-start margin</a></li>
<li><a href="horizontal-formatting-replaced-elements-changing-widths.html">Changing replaced element inline sizes</a></li>
<li><a href="list-items-markers.html">Markers inside and outside the list</a></li>
<li><a href="aspect-ratio.html">A gallery with and without aspect ratios defined</a></li>
<li><a href="line-layout-single-line-element.html">A single-line inline element</a></li>
<li><a href="line-layout-multi-line-element.html">A multiple-line inline element</a></li>
<li><a href="showing-lines-different-alignments-writing-modes.html">Showing lines in different alignments and writing modes</a></li>
<li>Em boxes determine content area height</li>
<li>Content area plus leading equals inline box</li>
<li><a href="inline-boxes-within-a-line.html">Inline boxes within a line</a></li>
<li><a href="inline-nonreplaced-inline-boxes-in-p.html">Line boxes within a paragraph</a></li>
<li><a href="inline-nonreplaced-vert-align-line-box-height.html">Vertical alignment affects line box height</a></li>
<li><a href="inline-nonreplaced-aligning-inline-to-line-box.html">Aligning an inline element to the line box</a></li>
<li><a href="inline-nonreplaced-protruding-text-again.html">Text protruding from the line box (again)</a></li>
<li><a href="managing-line-height-assigning-to-inline.html">Assigning the line-height property to inline elements</a></li>
<li><a href="managing-line-height-increasing-line-height.html">Increasing line-height to leave room for inline borders</a></li>
<li><a href="scaling-line-height-using.html">Using a scaling factor for line-height</a></li>
<li><a href="padding-borders-unaltered-line-height.html">Padding and borders do not alter line-height</a></li>
<li><a href="padding-margins-inline-ends.html">Padding and margins on inline elements</a></li>
<li><a href="box-dec-break-inline-slices-clones.html">Sliced and cloned inline fragments</a></li>
<li><a href="inline-replaced-increase-line-box.html">Replaced elements can increase the height of the line box but not the value of line-height</a></li>
<li><a href="inline-replaced-adding-padding-etc.html">Adding padding, borders, and margins to an inline replaced element increases its inline box</a></li>
<li><a href="inline-replaced-negative-margin-effects.html">The effect of negative margins on inline replaced elements</a></li>
<li><a href="inline-replaced-inline-on-baseline.html">Inline replaced elements sit on the baseline</a></li>
<li><a href="inline-replaced-negative-margin-pulling-down.html">Pulling inline replaced elements down with a negative bottom margin</a></li>
<li><a href="inline-block-behavior.html">The behavior of an inline-block element</a></li>
<li><a href="inline-block-auto-sizing.html">Autosizing of an inline-block element</a></li>
<li><a href="display-contents.html">A regular unordered list, and one with display: contents</a></li>
<li><a href="making-elements-invisible.html">Making elements invisible without suppressing their element boxes</a></li>
</ol>
</main>
<nav>
<a href="../05-values-and-units/index.html">Chapter 5: Values and Units</a>
<a href="../index.html"><acronym title="Table of Contents">TOC</acronym></a>
<a href="../07-padding-borders-outlines-and-margins/index.html">Chapter 7: Padding, Borders, Outlines, and Margins</a>
</nav>
<footer>
<cite>Basic Visual Formatting</cite>
<cite><a>CSS: The Definitive Guide, 5th Edition</a></cite>
</footer>
</body>
</html>