CSS border-top-color అట్రిబ్యూట్
- ముంది పేజీ border-top
- తదుపరి పేజీ border-top-left-radius
నిర్వచనం మరియు వినియోగం
border-top-color అనునాసరం మూలకం గండల రంగును నిర్వచిస్తుంది.
కేవలం సరళ రంగులను నిర్వచించవచ్చు, మరియు గండల శైలి none లేదా hidden విలువలేమీ కాదు ఉన్నప్పుడు గండలు కనిపించవచ్చు.
పరిశీలన:ఎల్లప్పుడూ border-style అనునాసరాన్ని border-color అనునాసరానికి ముందు పేర్కొనండి. మీరు గండల రంగును మార్చడానికి ముందు గండలు ఉండాలి.
ఇతర పరిశీలనలు:
CSS పాఠ్యక్రమంCSS బోర్డర్
CSS పరిశీలన పత్రికborder-top అనునాసరం
HTML DOM పరిశీలన పత్రికborderTopColor అనునాసరం
ఉదాహరణ
పై గండల రంగును అమర్చండి:
p
{
border-style:solid;
border-top-color:#ff0000;
}
CSS సంకేతాలు
border-top-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.borderTopColor="blue" |
ఇతర ఉదాహరణలు
- పై గండల రంగును అమర్చడం
- ఈ ఉదాహరణలో మీరు మేలు పెట్టిన మేరకు పై గండల రంగును ఏ విధంగా అమర్చాలనేది చూపిస్తుంది.
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ అనునాసరం ప్రథమ బ్రౌజర్ వెర్షన్ను సరిగ్గా మద్దతు చేసే విధంగా పేర్కొనబడినవి.
| క్రోమ్ | ఐఈ / ఎజ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
పరిశీలన:Internet Explorer 6 (మరియు అది ముంది వెబ్ బ్రౌజర్లు) "transparent" విలువను మద్దతు చేయలేదు.
పరిశీలన:IE7 మరియు అది ముంది వెబ్ బ్రౌజర్లు "inherit" విలువను మద్దతు చేయలేదు. IE8 కు !DOCTYPE అవసరం. IE9 "inherit" విలువను మద్దతు చేస్తుంది.
- ముంది పేజీ border-top
- తదుపరి పేజీ border-top-left-radius
