greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Added text-shadow property (#21833) 

* Added text-shadow property

* Fixed formatting
pull/29194/head^2
sndrx 2018-11-16 11:39:10 +02:00 committed by Manish Giri
parent 40a9d13833
commit edb0555999
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
guide/english/css/text/index.md
View File

@ -54,6 +54,17 @@ p {
The `text-transform` property is used to convert the entire text to `uppercase`,`lowercase` or to `capitilize` each word([example](https://www.w3schools.com/css/tryit.asp?filename=trycss_text-transform)).
#### Text Shadow
``` css
.header {
text-shadow: 5px 5px 5px red;
}
```
The `text-shadow` property is used to add shadow to the text. The `h-shadow` (horizontal shadow, the first value) and `v-shadow` (vertical shadow, the second value) are required values. Then you can add `blur-radius` and `color` as optional values.
In the example provided above, the first value represents the horizontal value, the second is the vertical value, the third value is the blur value and the last one represents the color value.
#### Letter Spacing
The `letter-spacing` property sets the space between characters in a text.
@ -83,6 +94,6 @@ p {
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->
<a href ="https://w3schools.com/css/css_text.asp" target='_blank'>W3Schools CSS text<a><br>
- [W3Schools CSS text](https://w3schools.com/css/css_text.asp)