border ගුණය

border ගුණය එකවර සියලු පැති සඳහා දාරයේ වර්ණය, වර්ගය සහ thickness නියම කරයි. මෙය border-width, border-style සහ border-color යන ගුණ සඳහා කෙටි ගුණයකි. කෙටි කරන ලද ගුණාංග මෙන් නොව 4 පැති සඳහා වෙනස් දාර එකවර නියම කළ නොහැක, සියලු පැති සඳහා සමාන දාරයක් පමණක් නියම කළ හැකිය.

වාග් රීතිය

cssතෝරන්නා {
  border: thickness වර්ගය වර්ණය;
}

ගුණාංගවල අනුපිළිවෙල වැදගත් නොවේ.

උදාහරණය

අපි අංගයකට 1px thickness ඇති කළු දාරයක් සාදමු:

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

Результат:

මෙයද බලන්න

  • border-left ගුණය,
    වම් දාරය නියම කරයි
  • border-right ගුණය,
    දකුණු දාරය නියම කරයි
  • border-top ගුණය,
    ඉහළ දාරය නියම කරයි
  • border-bottom ගුණය,
    පහළ දාරය නියම කරයි
  • outline ගුණය,
    අංගයක් සඳහා රූපරේඛාවක් නියම කරයි
  • border-radius ගුණය,
    දාරයේ කොන් වටකුරු කරයි