Cегодня расскажу про не самые популярные CSS-свойства . О | Типичный Awento

Cегодня расскажу про не самые популярные CSS-свойства .

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

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

Оно может быть полезно, когда вы хотите, чтобы в блоке было одинаковое количество строк текста (например описание товара), чтобы эти же блоки не растягивались по высоте ( фото 2 в каруселе )

shape-outside
Это свойство задает форму, вокруг которой будет обтекать текст ( фото 3 в каруселе ). Вы можете указать, чтобы текст обтекал по кругу, а можете создать целую геометрическую фигуру при помощи одного из свойств - polygon

Как пример, при помощи этого свойства можно делать очень красивое оформление статей

В общем, советую его изучить более досконально. Уверен, вы придумаете ему применение.

all
Это своство, при помощи которого вы можете сбросить все свойста блока до его начальных или унаследовать значения (фото 4 в каруселе)

text-stroke
Это сокращённая форма записи двух свойств:
text-stroke-width
text-stroke-color

При помощи этого свойства можно задать тексту контур, указав толщину и цвет

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