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