color ගුණය

color ගුණය අකුරු වලට වර්ණය සකසයි. ගුණයේ අගය ලෙස ඕනෑම වර්ණ සඳහා ඒකක යොදා ගත හැක. පෙරනිමි අගය සාමාන්‍යයෙන් කළු වර්ණය වේ.

වාක්‍ය රචනා ක්‍රමය

cssතෝරන්නා {
  color: වර්ණය;
}

උදාහරණය

අපි මූලද්‍රව්‍යයකට රතු වර්ණයක් නියම කරමු:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
}

Результат:

උදාහරණය

color ගුණය අකුරු වලට පමණක් නොව ලැයිස්තු ලකුණු වලටද වර්ණය නියම කරයි:

html<ul>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
</ul>

cssli {
  color: red;
}

Результат:

උදාහරණය

color ගුණය මායිමේ වර්ණයද නියම කරයි (එය border-color හි නියම කර නොමැති නම්):

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
  border-style: solid;
  border-width: 2px;
}

Результат: