CSS హెడ్రర్ రంగు

CSS హెడ్రర్ రంగు

outline-color అత్రిబ్యూట్ కాంటేరైన రంగును నిర్ధేశించడానికి ఉపయోగించబడుతుంది.

కలిగించడానికి ఈ విధంగా రంగును నిర్ధేశించవచ్చు:

  • name - రంగు పేరును నిర్దేశించండి, ఉదాహరణకు "red"
  • HEX - హెక్సడెసిమల్ విలువను నిర్దేశించండి, ఉదాహరణకు "#ff0000"
  • RGB - RGB విలువను నిర్దేశించండి, ఉదాహరణకు "rgb(255,0,0)"
  • HSL - HSL విలువను నిర్దేశించండి, ఉదాహరణకు "hsl(0, 100%, 50%)"
  • invert - రంగు విలువను విలోమం చేస్తుంది (పెరిగిన రంగు పొరలో కూడా కాంటేరైన రేఖలు కనిపిస్తాయి)

ఈ ఉదాహరణలో వివిధ రంగుల వివిధ కాంటేరైన రేఖల ఉదాహరణలు ప్రదర్శించబడ్డాయి. దయచేసి గమనించండి, ఈ అంశాలు కాంటేరైన రేఖలో కూడా కాలుష్య కాంటేరైన రేఖలు ఉన్నాయి:

ఎరుపు రంగు కఠినమైన రేఖలు.

నీలరంగు బిందుకు కాంటేరైన రేఖలు.

ముదురు రంగు ముడికర్ర కాంటేరైన రేఖలు.

ఉదాహరణ

p.ex1 {
  border: 2px solid black;
  outline-style: solid;
  outline-color: red;
}
p.ex2 {
  border: 2px solid black;
  outline-style: dotted;
  outline-color: blue;
}
p.ex3 {
  border: 2px solid black;
  outline-style: outset;
  outline-color: grey;
}

స్వయంగా ప్రయత్నించండి

HEX విలువలు

మీరు హెక్సడెసిమల్ (HEX) విలువను ఉపయోగించి కాంటేరైన రంగును నిర్దేశించవచ్చు:

ఉదాహరణ

p.ex1 {
  outline-style: solid;
  outline-color: #ff0000; /* ఎరుపు రంగు */
}

స్వయంగా ప్రయత్నించండి

RGB విలువలు

లేదా RGB విలువలను ఉపయోగించడం ద్వారా:

ఉదాహరణ

p.ex1 {
  outline-style: solid;
  outline-color: rgb(255, 0, 0); /* ఎరుపు రంగు */
}

స్వయంగా ప్రయత్నించండి

HSL 值

您还可以使用 HSL 值：

ఉదాహరణ

p.ex1 {
  outline-style: solid;
  outline-color: hsl(0, 100%, 50%); /* 红色 */
}

స్వయంగా ప్రయత్నించండి

您可以在我们的 CSS రంగులు 章节中学习有关 HEX、RGB 和 HSL 值的更多知识。

రంగు రివర్స్ చేసింది

ఈ ఉదాహరణలో outline-color: invertరంగు రివర్స్ చేసింది. ఇది ఏదైనా రంగు బ్యాక్‌గ్రౌండ్ ఉన్నప్పటికీ కనిపించే గాయాన్ని నిర్ధారించగలదు:

విలువని రంగు గాయం ప్రక్రియను

ఉదాహరణ

p.ex1 {
  border: 1px solid yellow;
  outline-style: solid;
  outline-color: invert;
}

స్వయంగా ప్రయత్నించండి