Свойство border-bottom-right-radius

Задает закругление нижнему правому углу элемента

border-bottom-right-radius: 10px;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

border-bottom-right-radius: 0;

Убирает скругление нижнего правого угла элемента

border-bottom-right-radius: 20px;

Скругление нижнего правого угла элемента используя один параметр. Возможные единицы: px, em, rem, %, vw, vh

<style>
.example-1 {
    width: 150px;
    height: 150px;
    background-color: #f55050;
    border-bottom-right-radius: 20px;
}
</style>
<div class="example-1"></div>
border-bottom-right-radius: 50% 30%;

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

<style>
.example-2 {
    width: 150px;
    height: 150px;
    background-color: #f55050;
    border-bottom-right-radius: 50% 30%;
}
</style>
<div class="example-2"></div>

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии