word-spacing property
text-transform
text-indent
letter-spacing
font-family
text-align
Exported from Notepad++
<html> <head> <title>css Color</title> <style> .text1{ word-spacing: 20px; width: 400px; border: 1px solid black; } .text2{ text-transform: uppercase; width: 400px; border: 1px solid black; } .text3{ text-indent: 50px; width: 400px; border: 1px solid black; } .text5{ letter-spacing: 10px; width: 400px; border: 1px solid black; } .text6{ font-family: arial,helvetica; width: 400px; border: 1px solid black; } .text7{ text-align: center; width: 400px; border: 1px solid black; } </style> </head> <body> <div class="text1"> word-spacing property </div> <div class="text2"> text-transform </div> <div class="text3"> text-indent </div> <div class="text5"> letter-spacing </div> <div class="text6"> font-family </div> <div class="text7"> text-align </div> </body> </html>
text-decoration

text-decoration-line

text shorthand

text offset

text thickness

Exported from Notepad++
<html> <head> <title>text-decoration</title> <style> .td1{ text-decoration-line: underline overline; <!-- overline, line-through, underline, underline overline --> text-decoration-color: green; text-decoration-style: double; <!-- solid, wavy, double, dashed, dotted; --> } .td2{ text-decoration: underline red wavy; <!-- /*shorthand*/ --> } .td3{ text-decoration: underline wavy blue; text-underline-offset: 10px; } .td4{ text-decoration-line: underline ; text-decoration-color: red; text-decoration-thickness : 10px; } </style> </head> <body> <h4 class = "td1">text-decoration-line</h4> <h4 class = "td2">text shorthand</h4> <h4 class = "td3">text offset</h4> <h4 class = "td4">text thickness</h4> </body> </html>