- •Создание многоколоночной разметки с помощью модели css3 columns
- •1. Горизонтальное выравнивание text-align
- •2. Отступ text-indent
- •3. Высота строк line-height
- •4. Вертикальное выравнивание vertical-align
- •Расстояние между словами word-spacing
- •6. Расстояние между буквами letter-spacing
- •7. Обработка пробелов white-space
- •8. Настройка табуляции tab-size
- •Трансформирование текста text-transform
- •Направление написания текста direction
- •10. Направление написания слов в тексте unicode-bidi
- •Декорирование текста text-decoration
- •Форматирование первой буквы и первой строки абзаца
- •Форматирование кавычек quotes
- •Семейство шрифтов font-family
- •Стиль начертания шрифта font-style
- •Вариант начертания букв font-variant
- •Насыщенность шрифта font-weight
- •Размер шрифта font-size
- •Цвет шрифта
- •Краткая запись свойств шрифта
- •21. Количество колонок column-count
- •Ширина колонок column-width
- •23. Ширина пустого пространства между колонками column-gap
- •24. Позиционирование элемента на несколько колонок column-span
- •25. Стиль разделительной линии column-rule-style
- •26. Ширина разделительной линии column-rule-width
- •27. Цвет разделительной линии column-rule-color
- •28. Краткая запись стилей разделительной линии column-rule
- •29. Установка колонок с помощью одного свойства columns
Трансформирование текста text-transform
С помощью данного свойства можно преобразовать текст в верхний и нижний регистры, или превратить первые буквы каждого слова, которые были заглавными, в прописные. Наследуется.
text-transform |
|
Значения: |
|
none |
Значение по умолчанию, означает отсутствие трансформации. Также отменяет трансформацию текста для элемента в группе элементов с установленным свойством. |
capitalize |
Изменяет написание первой буквы каждого слова в элементе, делая её прописной. |
uppercase |
Выводит все слова в элементе прописными буквами. |
lowercase |
Выводит все слова в элементе строчными буквами. |
initial |
Устанавливает значение свойства в значение по умолчанию. |
inherit |
Наследует значение свойства от родительского элемента. |
Синтаксис
h2 {text-transform: none;} h2 {text-transform: capitalize;} h2 {text-transform: uppercase;} h2 {text-transform: lowercase;}
|
Направление написания текста direction
Свойство задаёт направление написания текста, направление размещения столбца таблицы, направление, в котором блок заполняет содержимое по горизонтали и положение последней строки выровненного по ширине элемента. Рекомендуется использовать вместе со свойством unicode-bidi. Наследуется.
direction |
|
Значения: |
|
ltr |
Значение по умолчанию, текст отражается слева направо. |
rtl |
Текст отражается справа налево. |
initial |
Устанавливает значение свойства в значение по умолчанию. |
inherit |
Наследует значение свойства от родительского элемента. |
Синтаксис
p {direction: ltr;} p {direction: rtl;} |
10. Направление написания слов в тексте unicode-bidi
Свойство используется вместе со свойством direction для поддержки написания слов в двунаправленном тексте. Не наследуется.
unicode-bidi |
|
Значения: |
|
normal |
Значение по умолчанию, направление отображения текста определяется браузером на основе используемой кодировки. |
embed |
Устанавливает параметры отображения текста как указано в свойствеdirection, но при этом, при изменении направления, изменяется лишь расположение конечных символов пунктуации. |
bidi-override |
Работает аналогично значению embed, но при этом, при изменении направления, меняется также и направление написания слов в тексте. |
initial |
Устанавливает значение свойства в значение по умолчанию. |
inherit |
Наследует значение свойства от родительского элемента. |
Синтаксис
p {unicode-bidi: normal;} p {unicode-bidi: embed;} p {unicode-bidi: bidi-override;}
|