Работаем с текстом с помощью CSS

Работаем с текстом с помощью CSS! Чем дальше мы идём, тем скучнее всё выглядит.

 

Сейчас я дам отдельные списки по разным способам преобразования текста!

text-transform

Cвойство text-transform стилизует текст:

1. text-transform: none - отсутствие эффектов.
2. text-transform: capitalize делает все первые буквы слов прописными.
3. text-transform: uppercase делает все буквы прописными.
4. text-transform: lowercase делает все буквы строчными.
5. text-transform: initial - значение по умолчанию.
6. text-transform: inherit - наследование значений от родительского элемента.

white-space

Cвойство white-space работает с пробелами и переносами строк:

1. white-space: normal - отсутствие эффектов: между словами один пробел, текст переносится по необходимости.
2. white-space: nowrap запрещает переносить текст, это возможно осуществить только с помощью <br />.
3. white-space: pre в браузере отображаются дополнительные пробелы и переносы.
4. white-space: pre-wrap сохраняет пробелы в тексте, переносит текст по необходимости.
5. white-space: pre-line удаляет лишние пробелы в тексте.
6. white-space: break-spaces - работает аналогично pre-wrap, только пробелы в конце строк имеют значение.
7. white-space: initial - значение по умолчанию.
8. white-space: inherit - наследование значений от родительского элемента.

tab-size

Cвойство tab-size устанавливает отступ, который получается с помощью клавиши TAB, оно работает только для элементов <textarea>, <pre>. Это свойство может быть обозначенно целым положительным числом или длинной ( в правильных единицах измерения, например, px ), также доступны значения initial, inherit

word-break

Cвойство word-break определяет возможность мягкого перехода текста на новую строку, разделяя слова. Используются значения normal, break-all ( разрыв строк происходит без переноса слов ), keep-all ( разрыв происходит между парными символами ), initial, inherit.

line-break

Cвойство line-break определяет правила переноса строк относительно знаков препинания и символов

1. line-break: auto назначает значение по умолчанию относительно используемого браузера.
2. line-break: loose разделяет строки по наименьшему количеству правил, чаще используется для коротких строк.
3. line-break: normal разбивает строки стандартным набором правил.
4. line-break: strict разделяет строки, используя строгий набор правил переноса.
5. line-break: initial - значение по умолчанию.
6. line-break: inherit наследует значение.

text-align

Свойства text-align, text-align-all, text-align-last выравнивают текст по значению, которое вы устанавливаете. Такими могут быть: start, end, left, right, center, justify и match-parent по-моему, понятно, что есть что

Извиняюсь за сухость этой темы творческое мышление меня сегодня подвело - в следующий раз будет лучше!