CSS 颜色关键字

ఈ అధ్యాయంలో వివరించబడుతుంది transparent、currentcolor మరియు inherit కీలకపదం.

transparent కీలకపదం

transparent ఈ కీలకపదం రంగు పారదర్శకం చేయడానికి ఉపయోగిస్తారు. ఇది సాధారణంగా ఎలమెంట్ యొక్క పారదర్శక బ్యాక్‌గ్రౌండ్ కలర్ అని ఉపయోగిస్తారు.

ఉదాహరణ

ఈ విధంగా, <div> ఎలమెంట్ యొక్క బ్యాక్‌గ్రౌండ్ కలర్ పూర్తిగా పారదర్శకం అవుతుంది మరియు బ్యాక్‌గ్రౌండ్ ఇమేజ్ చూపబడుతుంది:

body {
  background-image: url("paper.gif");
}
div {
  background-color: transparent;
}

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

మౌనంగా ఉంచుము:transparent కీలకపదం సమానం కాగలదు: rgba(0,0,0,0)RGBA కలర్ విలువలు RGB కలర్ విలువలను విస్తరించినవి, ఇందులో alpha చానల్ ఉంది - ఇది రంగు యొక్క అనుప్రయోగితని నిర్ణయిస్తుంది. మరింత సమాచారం మా పేజీలో చూడండి: CSS RGB అధ్యాయం మరియు CSS రంగులు అధ్యాయం.

currentcolor కీలకపదం

currentcolor ఈ కీలకపదం ఒక వేరియబుల్ వంటిది, ఇది ఎలమెంట్ యొక్క color అట్రిబ్యూట్ యొక్క ప్రస్తుత కలర్ విలువను సేవ్ చేస్తుంది.

మీరు కొన్ని ప్రత్యేక కలర్ ను ఎలమెంట్ లేదా పేజీలో ఒకే రీతిలో ఉంచాలని కోరుకున్నట్లయితే, ఈ కీలకపదం చాలా ఉపయోగపడుతుంది.

ఉదాహరణ

ఈ ఉదాహరణలో, <div> ఎలమెంట్ యొక్క బార్డర్ కలర్ నీలి గా ఉంటుంది, ఎందుకంటే <div> ఎలమెంట్ యొక్క టెక్స్ట్ కలర్ నీలి గా ఉంటుంది:

div {
  color: blue;
  border: 10px solid currentcolor;
}

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

ఉదాహరణ

ఈ ఉదాహరణలో, <div> యొక్క బ్యాక్‌గ్రౌండ్ కలర్ బాడీ ఎలమెంట్ యొక్క ప్రస్తుత కలర్ విలువ గా నిర్ధారించబడింది:

body {
  color: purple;
}
div {
  background-color: currentcolor;
}

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

ఉదాహరణ

在这个例子中，

body {
 color: green;
}
div {
  box-shadow: 0px 0px 15px currentcolor;
  border: 5px solid currentcolor;
}

inherit 关键字

inherit 关键字指定属性应从其父元素继承其值。

inherit 关键字可用于任何 CSS 属性，并且可用于任何 HTML 元素。

ఉదాహరణ

ఈ ఉదాహరణలో, <span> యొక్క బార్డర్ సెట్టింగ్ ప్యారెంట్ ఎలమెంట్ నుండి పాటించబడుతుంది:

div {
  border: 2px solid red;
}
span {
  border: inherit;
}

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