border ගුණය
border ගුණය එකවර සියලු පැති සඳහා දාරයේ වර්ණය, වර්ගය සහ thickness නියම කරයි.
මෙය border-width,
border-style
සහ border-color යන ගුණ සඳහා කෙටි ගුණයකි.
කෙටි කරන ලද ගුණාංග මෙන් නොව 4 පැති සඳහා වෙනස් දාර
එකවර නියම කළ නොහැක, සියලු පැති සඳහා සමාන දාරයක් පමණක් නියම කළ හැකිය.
වාග් රීතිය
තෝරන්නා {
border: thickness වර්ගය වර්ණය;
}
ගුණාංගවල අනුපිළිවෙල වැදගත් නොවේ.
උදාහරණය
අපි අංගයකට 1px thickness ඇති කළු දාරයක් සාදමු:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 300px;
height: 100px;
}
:
මෙයද බලන්න
-
border-leftගුණය,
වම් දාරය නියම කරයි -
border-rightගුණය,
දකුණු දාරය නියම කරයි -
border-topගුණය,
ඉහළ දාරය නියම කරයි -
border-bottomගුණය,
පහළ දාරය නියම කරයි -
outlineගුණය,
අංගයක් සඳහා රූපරේඛාවක් නියම කරයි -
border-radiusගුණය,
දාරයේ කොන් වටකුරු කරයි