Свойство CSS hyphens используется для управления автоматическим переносом слов на новые строки, добавляя дефисы в соответствии с правилами деления слов.

Это особенно полезно для улучшения читаемости текста в узких контейнерах, таких как колонки или блоки текста.

Свойство CSS line-height управляет высотой строки текста и определяет расстояние между базовыми линиями текста.

Это свойство помогает улучшить читаемость текста, а также управляет общим визуальным восприятием текстового контента.

Свойство CSS overflow-wrap управляет переносом слов в случае, если они не помещаются по ширине контейнера.

Оно позволяет контролировать, как браузер обрабатывает длинные слова или строки, которые могут выйти за пределы своего родительского элемента. Это свойство особенно полезно для обеспечения удобочитаемости текста в ограниченных пространствах.

Свойство CSS quotes управляет отображением кавычек вокруг цитируемого текста.

Это свойство полезно при работе с элементами, содержащими цитаты, такими как <blockquote> или элементы списка. Оно позволяет задавать стиль и тип кавычек, которые будут выводиться при использовании других CSS-свойств, например, content в комбинации с псевдоэлементами ::before и ::after.

Свойство CSS text-align управляет горизонтальным выравниванием текста внутри блока.

Это свойство позволяет быстро настроить, как текст будет размещаться по отношению к своему родительскому элементу.

Свойство CSS text-decoration используется для добавления декоративных эффектов к тексту, таких как подчеркивание, зачеркивание или изменение цвета.

Оно позволяет улучшить визуальное оформление текста и сделать его более заметным.

Свойство CSS text-indent управляет отступом первой строки текста в блоке.

Это свойство часто используется для создания отступов в абзацах, что помогает улучшить читаемость текста, особенно при работе с длинными параграфами.

Свойство CSS text-overflow используется для управления поведением текста, который выходит за пределы контейнера.

Оно позволяет задавать, как отображать текст, если он не помещается в доступном пространстве.

Это свойство полезно, когда вы работаете с ограниченными размерами контейнеров, и хотите указать, как следует обрабатывать избыточный текст.

Свойство CSS text-transform используется для управления регистром текста.

Оно позволяет изменять внешний вид текста без необходимости изменять сам текст в HTML.

Это свойство особенно полезно для стилизации заголовков, кнопок и других элементов, где требуется единообразное представление текста.

Свойство CSS text-underline-offset используется для управления смещением подчеркивания текста относительно его базовой линии.

Это свойство позволяет создавать более гибкие и привлекательные текстовые стили, особенно когда вы хотите изменить визуальное восприятие подчеркивания, добавленного к тексту с помощью свойства text-decoration.

Свойство CSS vertical-align используется для управления вертикальным выравниванием элементов, особенно в контексте строчных элементов и таблиц.

Оно помогает определить, как элементы должны располагаться относительно друг друга по вертикали.

Свойство CSS white-space устанавливает, как отображать пробелы между словами.

В обычных условиях любое количество пробелов в коде HTML показывается на Web-странице как один. Исключением является тег <pre>: помещенный в этот контейнер текст выводится со всеми пробелами, как он был отформатирован пользователем.

Возможные значения:
normal - Текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически.

nowrap - Переносы строк в коде HTML игнорируются, весь текст отображается одной строкой, вместе с тем, добавление тега <br> переносит текст на новую строку.

pre - Текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. Если строка получается слишком длинной и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки.

Свойство CSS word-break устанавливает, переносить ли часть слова на новую строку, если слово целиком не помещается по ширине в заданную область.

Возможные значения:
normal - Перенос строк устанавливается по умолчанию.

break-all - Слова, которые не помещаются целиком в заданную область, разрываются переносом строки. Не работает для китайского, корейского и японского текста.

keep-all - Запрещает перенос строк в словах китайского, корейского и японского текста. Для остальных работает как normal.

Свойство CSS word-spacing устанавливает интервал между словами.

Например: p {word-spacing: 10px;}
Можно использовать отрицательные значения.


Made in HTML/CSS

2 группа стилей - для работы с фоном.

Свойство CSS background-color используется для задания цвета фона элемента. Это может быть полезно для выделения элементов на странице, создания визуальных эффектов или улучшения читаемости текста.

Значения цвета:
- background-color может принимать различные значения для цвета:
- Названия цветов (например, red, blue, green).
- Шестнадцатеричные коды (например, #ff0000 для красного).
- RGB цвета (например, rgb(255, 0, 0)).
- RGBA цвета (например, rgba(255, 0, 0, 0.5) — с учетом прозрачности).
- HSL цвета (например, hsl(0, 100%, 50%)).
- HSLA цвета (например, hsla(0, 100%, 50%, 0.5) — с учетом прозрачности).



Made in HTML/CSS

Свойство CSS background-clip clip устанавливает, где будет отображаться фон.

Возможные значения:
border-box - Фон отображается до внешнего края границы элемента.

padding-box - Фон отображается до внутреннего края границы элемента.

content-box - Фон отображается только внутри контента.



Made in HTML/CSS

Свойство CSS opacity определяет уровень прозрачности элемента.

При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.
В качестве аргумента выступает число из диапазона [0.0; 1.0]. Значение 0 соответствует полной прозрачности элемента, а 1 - его непрозрачности.

Дробные числа вида 0.6 устанавливают полупрозрачность. Допускается писать числа без нуля впереди, например, opacity: .6.



Made in HTML/CSS

Свойство CSS background-image устанавливает фоновое изображение для элемента.

Если одновременно для элемента задан цвет фона, то он будет виден, если фоновая картинка меньше, чем сам элемент, или пока фоновая картинка не загрузится полностью.



Made in HTML/CSS

Свойство CSS background-origin устанавливает, где будет начинаться фоновое изображение.

Возможные значения:

border-box - Фоновое изображение начинается от внешнего края границы элемента.
padding-box - Фоновое изображение начинается от внутреннего края границы элемента.
content-box - Фоновое изображение начинается только в зоне контента.


Made in HTML/CSS

Свойство CSS background-position задает начальное положение фонового изображения. По умолчанию - в левом верхнем углу.

У этого свойства два значения: положение по горизонтали (может быть - left, center, right) и вертикали (может быть - top, center, bottom).

Кроме использования ключевых слов положение также можно задавать в процентах, пикселах или других единицах.

Если применяются ключевые слова, то порядок их следования не имеет значения, при процентной записи вначале задается положение рисунка по горизонтали, а затем, через пробел, положение по вертикали.


Made in HTML/CSS