Відмінності між версіями «5 Шрифт і текст»
(Створена сторінка: Задавати шрифти та проводити форматування над текстом рекомендується за допомогою CSS. ...) |
|||
| Рядок 1: | Рядок 1: | ||
Задавати шрифти та проводити форматування над текстом рекомендується за допомогою CSS. | Задавати шрифти та проводити форматування над текстом рекомендується за допомогою CSS. | ||
Шрифт в CSS може мати наступні властивості: | Шрифт в CSS може мати наступні властивості: | ||
| − | + | ''font-family'' – визначає шрифт або сімейство шрифту. Можна вказувати до трьох шрифтів, через кому. Існує 5 сімейств шрифтів: serif, sans-serif, cursive, fantasy , monospace. | |
| − | + | ||
| − | + | ''font-style'' – визначає стиль шрифту. Можливі значення: normal (нормальний, встановлений за замовчуванням), italic (курсив), oblique (похилий). | |
| − | + | ||
| − | + | ''font-variant'' – визначає, як потрібно представляти малі літери - залишити їх без модифікацій або робити їх всі прописними зменшеного розміру. | |
| − | Текст в CSS може мати наступні властивості: | + | |
| − | '''text-decoration | + | ''font-weight'' – визначає ступінь жирності шрифту. Можливі значення: normal (нормальний, встановлений за замовчуванням), bold, bolder, lighter. Значення bolder і lighter є відносними, наприклад, значення lighter для жирного тексту робить його нормальним. |
| − | + | ||
| − | + | ''font-size'' – встановлює розмір шрифту. Можна вказувати як у відносних одиницях (відсотки), так і в абсолютних (пікселі, сантиметри і т.д.) | |
| − | + | ||
| − | + | '''Текст в CSS може мати наступні властивості:''' | |
| − | '''word-spacing | + | |
| − | + | ''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. | ||
Версія за 19:05, 24 грудня 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.
