CSS బార్డర్ లెఫ్ట్ కలర్ అట్రిబ్యూట్
- ముందు పేజీ border-left
- తరువాత పేజీ border-left-style
నిర్వచనం మరియు ఉపయోగం
border-left-color లక్షణం కెలియర్ల ఎడమ మూల రంగును నిర్వచిస్తుంది.
కేవలం స్పష్ట రంగును నిర్వచించవచ్చు, మరియు బార్డర్ స్టైల్ లక్షణం none లేదా hidden విలువలు కాదు అయినప్పుడు మాత్రమే బార్డర్ కనిపిస్తుంది.
పరిశీలన:ఎల్లప్పుడూ border-style లక్షణాన్ని border-color లక్షణమున ముందు పేర్కొనాలి. కెలియర్ల రంగును మార్చడానికి ముందు కెలియర్లను పొందాలి.
మరింత చూడండి:
CSS శిక్షణకర్తCSS బార్డర్
CSS సంప్రదింపులు:border-left లక్షణం
HTML DOM సంప్రదింపులు:borderLeftColor లక్షణం
ఉదాహరణ
ఎడమ కాంతి రంగును అమర్చండి:
p
{
border-style:solid;
border-left-color:#ff0000;
}
CSS సంకేతాలు
border-left-color: color|transparent|initial|inherit;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| color_name | రంగు విలువను రంగు పేరులో వివరించబడిన బార్డర్ రంగు (ఉదాహరణకు red). |
| hex_number | రంగు విలువను హెక్సడెసిమల్ విలువలో వివరించబడిన బార్డర్ రంగు (ఉదాహరణకు #ff0000). |
| rgb_number | రంగు విలువను rgb కోడ్లో వివరించబడిన బార్డర్ రంగు (ఉదాహరణకు rgb(255,0,0)). |
| transparent | అప్రమేయ విలువ. బార్డర్ రంగు పారదర్శకం. |
| inherit | ప్రత్యేకంగా పేర్కొనబడలేదు అయినప్పటికీ ప్రాతిపదికగా పరివార కెలియర్ల నుండి బార్డర్ రంగును పారంతర్యం చేయాలని నిర్ధారించబడింది. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | not specified |
|---|---|
| పారంతర్యం: | no |
| వెర్షన్: | CSS1 |
| JavaScript సంకేతాలు: | object.style.borderLeftColor="blue" |
ఇతర ఉదాహరణలు
- ఎడమ కాంతి రంగును అమర్చండి
- ఈ ఉదాహరణ ద్వారా ఎలా ఎడమ కాంతి రంగును అమర్చాలనేది చూపుతుంది.
బ్రౌజర్ మద్దతు
పట్టికలో వివరించబడిన సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా ఆమోదించే మొదటి బ్రౌజర్ వెర్షన్ను చూపుతాయి.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
పరిశీలన:Internet Explorer 6 (మరియు అది ముంది వెబ్ బ్రౌజర్లు) "transparent" విలువను ఆమోదించలేదు.
పరిశీలన:IE7 మరియు అది ముంది వెబ్ బ్రౌజర్లు "inherit" విలువను ఆమోదించలేదు. IE8 కొరకు !DOCTYPE అవసరం. IE9 "inherit" విలువను ఆమోదిస్తుంది.
- ముందు పేజీ border-left
- తరువాత పేజీ border-left-style
