color: #FF0000;
Exemplo
color: green;
Exemplo
color: rgb(155,155,155);
Exemplo
color: rgba(0,0,0,0.5); (preto, com transparência de 50%)
Exemplo
font-family: Arial, sans-serif;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec arcu mauris, fermentum sed venenatis ut, accumsan et justo. Aenean nisi risus, luctus rhoncus auctor eu, placerat non velit. Donec vel tortor egestas risus fringilla ornare sit amet nec quam. Cras ac nisl id nulla tristique tincidunt. Curabitur rutrum sollicitudin ante. Phasellus eu mauris eget risus rhoncus imperdiet. Aliquam id neque non mauris convallis mattis. Duis ultricies lacus non leo feugiat vel elementum sapien condimentum. Fusce porttitor congue mauris id tristique. Proin semper egestas elit, ut accumsan nulla facilisis sit amet. Sed eu arcu nunc, quis laoreet neque.
font-family: Georgia, "Times New Roman", serif;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec arcu mauris, fermentum sed venenatis ut, accumsan et justo. Aenean nisi risus, luctus rhoncus auctor eu, placerat non velit. Donec vel tortor egestas risus fringilla ornare sit amet nec quam. Cras ac nisl id nulla tristique tincidunt. Curabitur rutrum sollicitudin ante. Phasellus eu mauris eget risus rhoncus imperdiet. Aliquam id neque non mauris convallis mattis. Duis ultricies lacus non leo feugiat vel elementum sapien condimentum. Fusce porttitor congue mauris id tristique. Proin semper egestas elit, ut accumsan nulla facilisis sit amet. Sed eu arcu nunc, quis laoreet neque.
font-size: 20px;
Exemplo
font-size: 2em; (unidade relativa, 1em é por padrão 16px)
Exemplo
font-size: 110%; (unidade relativa, 100% é por padrão 16px)
Exemplo
font-weight: bold;
Exemplo
font-weight: italic;
Exemplo
text-decoration: underline;
Exemplo
text-decoration: line-through;
Exemplo
line-height: 1.5em; (entrelinha um e meio do tamanho da fonte)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec arcu mauris, fermentum sed venenatis ut, accumsan et justo. Aenean nisi risus, luctus rhoncus auctor eu, placerat non velit. Donec vel tortor egestas risus fringilla ornare sit amet nec quam. Cras ac nisl id nulla tristique tincidunt. Curabitur rutrum sollicitudin ante. Phasellus eu mauris eget risus rhoncus imperdiet. Aliquam id neque non mauris convallis mattis. Duis ultricies lacus non leo feugiat vel elementum sapien condimentum. Fusce porttitor congue mauris id tristique. Proin semper egestas elit, ut accumsan nulla facilisis sit amet. Sed eu arcu nunc, quis laoreet neque.
text-indent: 2em; (duas vezes o tamanho da fonte)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec arcu mauris, fermentum sed venenatis ut, accumsan et justo. Aenean nisi risus, luctus rhoncus auctor eu, placerat non velit. Donec vel tortor egestas risus fringilla ornare sit amet nec quam. Cras ac nisl id nulla tristique tincidunt. Curabitur rutrum sollicitudin ante. Phasellus eu mauris eget risus rhoncus imperdiet. Aliquam id neque non mauris convallis mattis. Duis ultricies lacus non leo feugiat vel elementum sapien condimentum. Fusce porttitor congue mauris id tristique. Proin semper egestas elit, ut accumsan nulla facilisis sit amet. Sed eu arcu nunc, quis laoreet neque.
text-transform: uppercase;
Texto fica todo em caixa-alta
text-transform: lowercase;
Texto fica todo em caixa-baixa
text-transform: capitalize;
Texto fica com a primeira letra de cada palavra em caixa-alta, o restante em caixa-baixa
font-variant: small-caps;
Exemplo de Versalete
word-spacing: 1em;
Exemplo de word-spacing
letter-spacing: 0.5em;
Exemplo de letter-spacing