Свойство 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,
    бу чегара учун қисқартирилган свойстводир