The Book of CSS3 - A Developer\'s Guide to the Future of Web Design (2nd edition)
58 Chapter 5 font-stretch Some font families contain condensed or expanded variants, and the font-stretch property allows access ...
Web Fonts 59 OpenType font formats are capable of much more than face or weight variations; they have a range of ligatures, swas ...
60 Chapter 5 Figure 5-8: The lower example uses OpenType’s own small caps feature In the first h1 element, which uses simulated ...
Web Fonts 61 At the time of writing, font-feature-settings are implemented in IE10+ and in Chrome and Firefox with appropriate v ...
62 Chapter 5 Summary While font-size-adjust and font-stretch will surely come in handy in the future, for now @font-face is the ...
6 Tex T effecTs and Typographic sTyles Text content has been the backbone of the Web since its creation, yet for years we’ve had ...
64 Chapter 6 Before I introduce the first new property in this module, I’ll briefly introduce the concepts of coordinates and ax ...
Text Effects and Typographic Styles 65 from the origin along the x-axis and 1 pixel away from the origin in a nega- tive directi ...
66 Chapter 6 The position of the shadow is set using the x- and y-coordinates that I just introduced. The simplest form of the s ...
Text Effects and Typographic Styles 67 The first example () uses negative values for both axes, so the shadow is rendered above ...
68 Chapter 6 Figure 6-6: Using multiple values with text-shadow The CSS for these examples is shown here. The first example has ...
Text Effects and Typographic Styles 69 Restricting Overflow Under certain circumstances—perhaps on mobile devices where screen s ...
70 Chapter 6 The text-overflow property was originally specified in the Text Module, but has since been moved to the Basic User ...
Text Effects and Typographic Styles 71 Controlling Line Wrapping An issue that’s frequently encountered when working with dynami ...
72 Chapter 6 Hyphenating Words If you’d prefer an extra option for breaking words over multiple lines, you can use hyphenation. ...
Text Effects and Typographic Styles 73 The property has the following syntax: E { resize: keyword; } The keyword value states in ...
74 Chapter 6 Chapter 6: Text Effects and Typographic Styles Chrome firefox safari ie text-shadow Yes Yes Yes IE10 text-overflow ...
7 Multiple ColuMns Although desktop and laptop screens have gotten wider in recent years, studies still show that people have di ...
76 Chapter 7 Column Layout Methods You can divide your content into columns using two methods: either pre- scriptively, by setti ...
Multiple Columns 77 Here’s the markup I used for the example shown in Figure 7-1 (edited for brevity): <div class="columns-2" ...
«
1
2
3
4
5
6
7
8
9
10
»
Free download pdf