5 Шрифт і текст
Задавати шрифти та проводити форматування над текстом рекомендується за допомогою CSS. Шрифт в CSS може мати наступні властивості: font-family – визначає шрифт або сімейство шрифту. Можна вказувати до трьох шрифтів, через кому. Існує 5 сімейств шрифтів: serif, sans-serif, cursive, fantasy , monospace.
font-style – визначає стиль шрифту. Можливі значення: normal (нормальний, встановлений за замовчуванням), italic (курсив), oblique (похилий).
font-variant – визначає, як потрібно представляти малі літери - залишити їх без модифікацій або робити їх всі прописними зменшеного розміру.
font-weight – визначає ступінь жирності шрифту. Можливі значення: normal (нормальний, встановлений за замовчуванням), bold, bolder, lighter. Значення bolder і lighter є відносними, наприклад, значення lighter для жирного тексту робить його нормальним.
font-size – встановлює розмір шрифту. Можна вказувати як у відносних одиницях (відсотки), так і в абсолютних (пікселі, сантиметри і т.д.)
Текст в CSS може мати наступні властивості:
text-decoration – визначає оформлення тексту. Можливі властивості: none (за замовчуванням, стандартний текст), underline (підкреслення), line-through (закреслення), overline (надкреслення).
text-transform – визначає оформлення регістру літер тексту. Можливі властивості: none (за замовчуванням, скасовує зміна регістру літер), capitalize (перша буква кожного слова перетвориться в заголовну), uppercase (всі літери перетвориться в заголовні), lowercase (вс і літери перетвориться в рядкові).
text-align – визначає оформлення регістру літер тексту. Можливі властивості: left (за замовчуванням, вирівнювання по лівому краю), right (вирівнювання по правому краю), center (центрування), justify (вирівнювання по ширині колонки).
text-indent – встановлює величину відступу в першому рядку параграфа.
line-height – встановлює міжрядковий інтервал.
word-spacing – встановлює інтервал між словами.
letter-spacing – встановлює інтервал між літерами.
vertical-align – встановлює вертикальне положення базисної лінії елемента. Можливі значення: baseline, middle, sub, super, text-top, text-bottom, top, bottom.