Свойство 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>