Відмінності між версіями «5 Шрифт і текст»

Поточна версія на 22:24, 25 грудня 2012

Задавати шрифти та проводити форматування над текстом рекомендується за допомогою 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.