Jassif Team Institution

CSS எல்லை நிறம்

border-color பண்பு நான்கு எல்லைகளின் நிறத்தை அமைக்க பயன்படுகிறது.

நிறத்தை பின்வருமாறு அமைக்கலாம்:

• பெயர் - "red" போன்ற ஒரு நிறப் பெயரைக் குறிப்பிடவும்
• HEX - "#ff0000" போன்ற ஒரு HEX மதிப்பைக் குறிப்பிடவும்
• RGB - "rgb(255,0,0)" போன்ற ஒரு RGB மதிப்பைக் குறிப்பிடவும்
• HSL - "hsl(0, 100%, 50%)" போன்ற ஒரு HSL மதிப்பைக் குறிப்பிடவும்
• transparent

எடுத்துக்காட்டு

வெவ்வேறு எல்லை நிறங்களின் ஆர்ப்பாட்டம்:

p.one {
  border-style: solid;
  border-color: red;
}

p.two {
  border-style: solid;
  border-color: green;
}

p.three {
  border-style: dotted;
  border-color: blue;
}

முடிவு:

குறிப்பிட்ட பக்க நிறங்கள்

border-color பண்பு ஒன்று முதல் நான்கு வரை மதிப்புகளைக் கொண்டிருக்கலாம் (மேல் எல்லை, வலது எல்லை, கீழ் எல்லை மற்றும் இடது எல்லைக்கு).

p.one {
  border-style: solid;
  border-color: red green blue yellow; /* red top, green right, blue bottom and yellow left */
}

HEX மதிப்புகள்

எல்லையின் நிறத்தை ஹெக்ஸாடெசிமல் மதிப்பை (HEX) பயன்படுத்தியும் குறிப்பிடலாம்:

p.one {
  border-style: solid;
  border-color: #ff0000; /* red */
}

RGB மதிப்புகள்

அல்லது RGB மதிப்புகளைப் பயன்படுத்தி:

p.one {
  border-style: solid;
  border-color: rgb(255, 0, 0); /* red */
}

HSL மதிப்புகள்

நீங்கள் HSL மதிப்புகளையும் பயன்படுத்தலாம்:

p.one {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* red */
}

பயிற்சி

p {
  border-style: solid;
  : ;
}