Свойство border-top-left-radius

Свойство border-top-left-radius создает скругление для верхнего левого угла границы и фона. Значением свойства служат любые единицы для размеров. Значение по умолчанию: 0.

Синтаксис

cssселектор {
  border-top-left-radius: значение;
}

Пример

Установим скругление 10px для верхнего левого угла:

html<div id="elem"></div>
css#elem {
  border-top-left-radius: 10px;
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Смотрите также

  • свойство border-top-right-radius,
    которое задает скругление для верхнего правого угла
  • свойство border-bottom-left-radius,
    которое задает скругление для нижнего левого угла
  • свойство border-bottom-right-radius,
    которое задает скругление для нижнего правого угла
  • свойство border-radius,
    которое задает скругление одновременно для всех углов
  • свойство border,
    которое является свойством-сокращением для границы