Свойство border-top-left-radius
Задает закругление верхнему левому углу элемента
border-top-left-radius: 10px;
Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Значения
border-top-left-radius: 0;
Убирает скругление верхнего левого угла элемента
border-top-left-radius: 20px;
Скругление верхнего левого угла элемента используя один параметр. Возможные единицы: px, em, rem, %, vw, vh
<style>
.example-1 {
width: 150px;
height: 150px;
background-color: #f55050;
border-top-left-radius: 20px;
}
</style>
<div class="example-1"></div>
border-top-left-radius: 50% 30%;
Скругление верхнего левого угла элемента используя два параметра. Первый - верхняя граница угла, второй - левая граница угла
<style>
.example-2 {
width: 150px;
height: 150px;
background-color: #f55050;
border-top-left-radius: 50% 30%;
}
</style>
<div class="example-2"></div>