CSS හි මායිම් සමඟ වැඩ කිරීමේ මූලික කරුණු

දැන් අපි අංගවලට මායිම් එකතු කිරීමට ඉගෙන ගනිමු. මෙය ගුණාංග තුනක් භාවිතයෙන් සිදු කෙරේ: border-width ගුණය මායිමේ ඝනකම නියම කරයි, border-color - වර්ණය, සහ border-style ගුණය මායිමේ වර්ගය නියම කරයි.

පළමු ගුණාංග දෙක පැහැදිලි ආකාරයෙන් ක්රියා කරයි: border-color ගුණය color ගුණය මෙන් එකම ආකෘතියෙන් වර්ණ පිළිගනී, සහ මායිමේ ඝනකම පික්සල වලින් නියම කෙරේ. නමුත් border-style ගුණය යතුරු වචන ලෙස අගයන් පිළිගනී. උදාහරණයක් ලෙස, solid අගය ඝන රේඛාවක් නියම කරයි.

උදාහරණයක් ලෙස, අපි ඝනකම 3 පික්සල, ඝන රේඛාවක් ලෙස, රතු වර්ණයේ මායිමක් සාදමු:

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

css#elem {
  border-width: 3px;    /* ඝනකම 3px */
  border-style: solid;  /* රේඛාවක් ලෙස */
  border-color: red;    /* රතු වර්ණය */
  width: 300px;
  height: 100px;
}

Результат:

ඊළඟ පාඩම් වලදී අපි මායිම් සමඟ වැඩ කිරීම වඩාත් සවිස්තරාත්මකව සලකා බලමු.