HTML and CSS Reference
In-Depth Information
Figure 6-26. Multiple columns applied to a paragraph
The column-gap property specifies the width of the gap between the columns,
while the column-rule property specifies the width style and color of the vertical
rules.
Text effects
The text-shadow property was added back in CSS2, but it was removed in CSS2.1.
Well, it's back again in CSS3! Don't let the name fool you; creating a text shadow is
probably the least-useful effect possible with this property, but it's the place to start when
looking at it. The property uses almost the same format as the box-shadow property
shown in the “Backgrounds and borders” section. The only difference is that text-
shadow does not have a spread value.
If you play around with the values, you can create effects that appear like indented
text, embossed text, and so on. Also, an outline can be added to text this way by offset-
ting several layered text shadows. To do this, four text shadows can be chained together
using commas, each one offset in a different direction:
h1 {
font-size:4em;
color:#fff;
text-shadow: -1px 0 0 #000 , 0 -1px 0 #000 , 1px
0 0 #000 , 0 1px 0 #000;
}
 
Search WWH ::




Custom Search