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

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

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

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