Форматування тексту за допомогою CSS

Як і текстових процесорах, у CSS форматування тексту являє собою зміну властивостей шрифту, відступи між рядками, між літерами чи словами, зміну регістру тексту. 

Шрифти

Щоб змінити властивості шрифту використовують наступні властивості: 
 

font-family - визначає який саме шрифт потрібно застосувати до обраного тексту. 

Приклад: font-family: "Times New Roman", Georgia, Serif;

font-weight - задає насиченість (жирність) шрифту. Набуває значень (normal, bold, bolder або числових від 100, 200,...,900).

Приклад: font-weight: bold;

font-style - визначає накреслення (курсив) шрифту. Набуває значень (normal, italic, oblique).

Приклад: font-style: italic;

font-size - визначає розмір шрифту. Шрифт може бути поданий як числове значення у px (пікселях), pt (ідентичний до розміру літер у MS Word, em (відсоткове значення від розміру батьківського елементу). Також може бути поданий у вигляді коефіцієнтного співвідношення між текстом та розміром екрану.

Приклади:

font-size: 14pt; 
font-size: small | large | medium;
 

Перетворення тексту

До основних властивостей, що дозволяють змінювати зовнішній вигляд тексту відносяться:

text-transform - змінює зовнішній вигляд тексту відобразивши його ВЕЛИКИМИ літерами (uppercase) чи малими літерами (lowercase)  чи встановлюючи кожне слово в тексті з великої літери (capitalize). Значення none вимикає всі ефекти.
text-align - вирівнювання тексту по ввідношенню до країв екрану. Набуває властивостей left, right, center, justify text-indent - задає відступ першого рядка. Може бути поданий як числове значення у px (пікселях), mm (міліметрах), em (відсоткове значення від ширини контейнеру, що містить текст)
line-height - висота блоку (міжрядковий інтервал) Подаєтся у пікселях, пунктах чи просто числом яке є коефіцієнтом (множником) стандартної висоти блоку.

Колір тексту

Для зміни кольору шрифту використовують властивость color. Колір може бути поданий як зарезервованою назвою (red, black, green...) так і з використанням шістнадцяткової системи.

Колір фону та фонове зображення

Якщо блок (контейнер, що утворюється HTML-тегом у вікні браузера) потрібно залити кольром використовують властивість background-color. Значення кольору визначається аналогічно до попереднього.

Якщо у якості фону потрібно використати фонове зображення використовують властивість background-image. Значення цієї властивості має наступний вигляд: