border-top-color ගුණය

border-top-color ගුණය ඉහළ දාරයේ වර්ණය නියම කරයි. ගුණයේ අගය ලෙස වර්ණය සඳහා ඕනෑම ඒකක භාවිතා කළ හැකිය. පෙරනිමි අගය: අනෙකුත් පෙළෙහි වර්ණයට එකම වර්ණයයි.

වාක්‍ය රීතිය

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

උදාහරණය

ඉහළ දාරය රතු වර්ණයෙන් නියම කරමු:

html<div id="elem"></div>
css#elem {
  border-top-color: red;
  border-top-width: 1px;
  border-top-style: solid;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

මෙයද බලන්න

  • border-top-style ගුණය,
    එය ඉහළ දාරයේ වර්ගය නියම කරයි
  • border-top-width ගුණය,
    එය ඉහළ දාරයේ ඝණකම නියම කරයි
  • border-top ගුණය,
    එය ඉහළ පැත්ත සඳහා දාරය නියම කරයි
  • border-width ගුණය,
    එය සියලු දාර පැතිවල ඝණකම නියම කරයි