Formatowanie tekstu w CSS

Kolor tekstu Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie	#test1 { color: green; } #test2 { color: #152394; } #test3 { color: rgb(250,15,40); } #test4 { color: rgba(250,15,40,0.3); } ---------------------------------------- <p id="test1">Przykładowe zdanie</p> <p id="test2">Przykładowe zdanie</p> <p id="test3">Przykładowe zdanie</p> <p id="test4">Przykładowe zdanie</p>
Wyrównanie tekstu Przykładowe zdanie	#test5 { text-align:right; /center, justify/ } ---------------------------------------- <p id="test5">Przykładowe zdanie</p>
Dekoracja (wyróżnienie) tekstu Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie	#test6 { text-decoration:underline dashed red; } #test7 { text-decoration:overline dotted blue; } #test8 { text-decoration:line-through wavy green; } #test9 { text-decoration:underline solid pink; } #test10 { text-decoration:overline double grey; } ---------------------------------------- <p id="test6">Przykładowe zdanie</p> <p id="test7">Przykładowe zdanie</p> <p id="test8">Przykładowe zdanie</p> <p id="test9">Przykładowe zdanie</p> <p id="test10">Przykładowe zdanie</p>
Wielkość liter w tekście Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie	#test11 { text-transform:capitalize; } #test12 { text-transform:lowercase; } #test13 { text-transform:uppercase; } ---------------------------------------- <p id="test11">Przykładowe zdanie</p> <p id="test12">Przykładowe zdanie</p> <p id="test13">Przykładowe zdanie</p>
Wysokość wiersza Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie	#test16 { line-height:5; } #test17 { line-height:25px; } #test18 { line-height:125%; } ---------------------------------------- <p id="test16">Przykładowe zdanie</p> <p id="test17">Przykładowe zdanie</p> <p id="test18">Przykładowe zdanie</p>
Wcięcie pierwszego wiersza Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie	#test19 { text-indent:50px; } ---------------------------------------- <p id="test19">Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie</p>
Odległość między literami Przykładowe zdanie	#test20 { letter-spacing:5px; } ---------------------------------------- <p id="test20">Przykładowe zdanie</p>
Odległość między słowami Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie	#test21 { word-spacing:20px; } ---------------------------------------- <p id="test21">Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie</p>
Wyświetlanie białych znaków Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie	#test22 { white-space:pre; /nowrap, pre-wrap/ } ---------------------------------------- <p id="test22">Przykładowe zdanie Przykładowe zdanie Przykładowe zdanie</p>
Styl czcionki Przykładowe zdanie	#test23 { font-style:italic; } ---------------------------------------- <p id="test23">Przykładowe zdanie</p>
Rodzaj czcionki Przykładowe zdanie	#test24 { font-family:Courier New, sans-serif; } ---------------------------------------- <p id="test24">Przykładowe zdanie</p>
Rozmiar czcionki Przykładowe zdanie	#test25 { font-size:30px; /xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, %, em/ } ---------------------------------------- <p id="test25">Przykładowe zdanie</p>
Grubość tekstu Przykładowe zdanie	#test26 { font-weight:800;/bold-700, lighter, bolder, 100-900/ } ---------------------------------------- <p id="test26">Przykładowe zdanie</p>
Dodatkowy wariant czcionki Przykładowe zdanie	#test27 { font-variant:small-caps; } ---------------------------------------- <p id="test27">Przykładowe zdanie</p>
Przykład 1 Przykładowe zdanie font: font-style font-variant font-weight font-size/line-height font-family\|caption\|icon\|menu\|message-box\|small-caption\|status-bar\|initial\|inherit;	#test28 { font: italic small-caps 400 14px Arial; } ---------------------------------------- <p id="test28">Przykładowe zdanie</p>
Przykład 2 Przykładowe zdanie	#test29 { font-weight:800; line-height:25px; color: rgb(250,15,40); text-decoration:line-through wavy green; font-size:50px; } ---------------------------------------- <p id="test29">Przykładowe zdanie</p>