Bootstrap 5 Размеры границ

Утилита Bootstrap 5 Border используется для установки стиля элемента границы. Стили границы могут быть следующих цветов: border-color, border-width, border-radius и т. д.

Размеры границ используются для увеличения или уменьшения закругленных углов с радиусом границы. Диапазон размеров границ варьируется от 0 до 3, где 0 представляет закругленные углы меньшего размера, а 3 — закругленные углы большего размера.

Используемые размеры бордюров Классы:

• .округлено-0
• .округленный-1
• .закругленный-2
• .округлено-3

Синтаксис:

<div class="rounded-*">
    Content
</div>

Пример 1: В этом примере мы добавим различные размеры границ для элементов div.

Выход:

Пример 2: В этом примере мы добавим границы разных размеров к элементам изображения.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/utilities/borders/#sizes