Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Набор и оформление текста/ Text overflow и clamping

  1. Базовый уровень

    • Overflow preconditions

      Определяет условия, при которых `text-overflow` создаёт marker.

    • Text clipping

      Обрезает переполненный inline content без marker.

    • Ellipsis marker

      Показывает ellipsis на стороне text overflow.

    • Inline-end overflow

      Привязывает single marker к inline-end стороне.

  2. Продвинутый уровень

    • Two-sided overflow

      Независимо задаёт markers для inline-start и inline-end overflow.

    • Logical overflow sides

      Разрешает marker sides в текущем writing direction.

    • Character-boundary clipping

      Не разрезает отображаемый текст внутри character boundary.

    • Line clamp count

      Ограничивает block заданным числом видимых строк.

    • Shorthand `line-clamp`

      Согласованно задаёт max-lines, block ellipsis и continuation behavior.

    • Custom overflow marker

      Использует author-provided string как overflow marker.

  3. Экспертный уровень

    • Block ellipsis placement

      Размещает block ellipsis в последней доступной line box.

    • Remaining content

      Различает невидимый остаток content и удалённый content.

    • Clamping и fragmentation

      Согласует clamp boundary с fragmentation context.

    • Writing-mode и bidi interaction

      Размещает overflow markers по логическим сторонам при writing-mode и bidi changes.

    • Scrolling и selection interaction

      Сохраняет нормативное поведение markers при scrolling и text selection.

    • Clamping fallback

      Обеспечивает контролируемый fallback при отсутствии line-clamp support.