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