The Book of CSS3 - A Developer\'s Guide to the Future of Web Design (2nd edition)
78 Chapter 7 Figure 7-2: Text broken across dynamically created, equally spaced columns The algorithm that creates the columns i ...
Multiple Columns 79 WArninG When using the auto value, it may appear that you have fewer columns than are specified in the colum ...
80 Chapter 7 Figure 7-5: When combining column properties, column-count acts as a maximum. If you want to use these two properti ...
Multiple Columns 81 If you added real values, you would have something like this: div { column-rule-color: silver; column-rule-s ...
82 Chapter 7 Figure 7-7: An img element wider than a column^1 As you can see, the image is displayed in the second column, but t ...
Multiple Columns 83 In this case, value can be only one of two possibilities: all or none. The default is none, which keeps the ...
84 Chapter 7 In the last three chapters, I’ve described how CSS3 provides methods to format and present your text copy, giving y ...
8 Background Images Adding decorative elements to make our websites more visually appealing used to be surprisingly resource- an ...
86 Chapter 8 and changes listed in this chapter, as have—in most cases—all of the other major modern browsers, so unless otherwi ...
Background Images 87 A new value of local is introduced in CSS3; this value allows an image to scroll with both its element and ...
88 Chapter 8 Figure 8-1: background-repeat values: repeat (left), space (center), and round (right)^1 I also mentioned a change ...
Background Images 89 To do this, you need just list the values separated by commas. For example, here’s the syntax with backgrou ...
90 Chapter 8 I mentioned at the start of this section that almost all background prop- erties can have multiple values. backgrou ...
Background Images 91 You can use your newly learned multiple background method with background-size as well. For example, let’s ...
92 Chapter 8 I used two elements, with classes of monkey-1 and monkey-2, and set dif- ferent keyword values for background-size ...
Background Images 93 I’ve used three h2 elements with classes of brdr, pdding, and cntnt, respec- tively. Figure 8-6 illustrates ...
94 Chapter 8 Figure 8-7: The background-origin property with values of border-box (left), padding-box (center), and content-box ...
Background Images 95 In this chapter, I’ve covered only half of what the Backgrounds and Borders module offers, so in the next c ...
...
9 Border and Box effects The ability to add borders to page elements has been around, almost unchanged, since the days of CSS1. ...
«
1
2
3
4
5
6
7
8
9
10
»
Free download pdf