outline ගුණය

outline ගුණය සියලු පැතිවලට එකවර පිටත රාමුව සඳහා (ස්ථානයක් අල්ලා නොගන්නා දාරය) වර්ණය, වර්ගය සහ thickness එක සකසයි, නමුත් border වලින් වෙනස්ව මෙවැනි දාරයක් මූලද්‍රව්‍යය පුළුල් නොකරයි. outline-width, outline-style සහ outline-color සඳහා කෙටි යෙදුම් ගුණයකි (නමුත් outline-offset සඳහා නොවේ).

වාක්‍ය රීතිය

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

ගුණාංගවල අනුපිළිවෙලට වැදගත්කමක් නැත.

උදාහරණය . රාමුව පමණි

html<div id="elem"></div>

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

උදාහරණය . outline සහ border ගුණාංග එකට

outline වලින් ලැබෙන දාරය පිටතින් වන අතර, border වලින් ලැබෙන දාරය ඇතුළතින් වේ:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

මෙයද බලන්න