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 ගුණය,
    එය දාරය සඳහා කෙටිකාලීන ගුණයකි