ගුණය border-bottom-left-radius

border-bottom-left-radius ගුණය මායිමේ සහ පසුබිමේ පහළ වම් කෙළවර සඳහා වටකුරු කිරීමක් සාදයි. ගුණයේ අගය වන්නේ ඕනෑම ප්‍රමාණ සඳහා ඒකක. පෙරනිමි අගය: 0.

වාක්‍ය ඛණ්ඩය

cssතෝරන්නා {
  border-bottom-left-radius: අගය;
}

නිදර්ශනය

පහළ වම් කෙළවර සඳහා 10px වටකුරු කිරීමක් සකසමු:

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

Результат:

මෙයද බලන්න

  • border-top-left-radius ගුණය,
    එය ඉහළ වම් කෙළවර සඳහා වටකුරු කිරීමක් සකසයි
  • border-top-right-radius ගුණය,
    එය ඉහළ දකුණු කෙළවර සඳහා වටකුරු කිරීමක් සකසයි
  • border-bottom-right-radius ගුණය,
    එය පහළ දකුණු කෙළවර සඳහා වටකුරු කිරීමක් සකසයි
  • border-radius ගුණය,
    එය සියලු කෙළවර සඳහා එකවර වටකුරු කිරීමක් සකසයි
  • border ගුණය,
    එය මායිම සඳහා කෙටිකිරීමේ ගුණයකි