CSS Вирівнювання тексту
CSS Вирівнювання тексту і напрямок тексту
У цьому розділі ви дізнаєтеся про такі властивості:
text-aligntext-align-lastdirectionunicode-bidivertical-align
Вирівнювання тексту
Властивість text-align використовується для встановлення горизонтального вирівнювання тексту.
Текст можна вирівняти за лівим або правим краєм, по центру або за шириною.
У наступному прикладі показано вирівнювання по центру, ліворуч і праворуч (вирівнювання за лівим краєм за замовчуванням, якщо напрямок тексту зліва направо, і вирівнювання за правим краєм за замовчуванням, якщо напрямок тексту справа наліво):
Коли для властивості text-align встановлено значення "justify", кожен рядок розтягується таким чином, щоб кожен рядок мав однакову ширину, а ліве та праве поля були прямими (як в журналах і газетах):
Text Align Last / Вирівняти останній текст
Властивість text-align-last визначає спосіб вирівнювання останнього рядка тексту.
Приклад
Вирівняти останній рядок тексту в трьох <p> елементах:
p.a {
text-align-last: right;
}
p.b {
text-align-last: center;
}
p.c {
text-align-last: justify;
}
Спробуйте самі »
Напрямок тексту
Властивості direction і unicode-bidi можна використовувати для зміни напрямку тексту елемента:
Вертикальне вирівнювання
Властивість vertical-align встановлює вертикальне вирівнювання елемента.
Приклад
Встановити вертикальне вирівнювання зображення в тексті:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align: text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}
Спробуйте самі »
CSS Властивості вирівнювання / напрямку тексту
| Властивість | Опис |
|---|---|
| direction | Визначає напрямок тексту / напрямок написання |
| text-align | Визначає горизонтальне вирівнювання тексту |
| text-align-last | Визначає спосіб вирівнювання останнього рядка тексту |
| unicode-bidi | Використовується разом із властивістю direction, щоб установити або повернути, чи має бути перевизначений текст для підтримки кількох мов в одному документі |
| vertical-align | Встановлює вертикальне вирівнювання елемента |
