CSS బొర్డర్-ఇన్లైన్-కలర్ అట్రిబ్యూట్
- ముందు పేజీ border-inline
- తరువాత పేజీ border-inline-end
定义和用法
border-inline-color 属性设置元素在行内方向上的边框颜色。
సంబంధిత CSS లక్షణాలను ప్రభావితం చేస్తుంది要使 border-inline-color 属性生效，必须设置 border-inline-style.
border-inline-color లక్షణము విలువను వివిధ విధానాలను చేయవచ్చు:
ఉంటే border-inline-color లక్షణముకి రెండు విలువలు ఉన్నాయి:
border-inline-color: pink blue;
- నిలువు ప్రారంభ సరిహద్దు రంగు పింక్ రంగు ఉంటుంది
- నిలువు ముగింపు సరిహద్దు రంగు నీలి రంగు ఉంటుంది
ఉంటే border-inline-color లక్షణముకి ఒక విలువ ఉంది:
border-inline-color: బ్లూ;
- నిలువు ప్రారంభ మరియు ముగింపు సరిహద్దు రంగు కాకుండా నీలి రంగు ఉంటుంది
CSS యొక్క border-inline-color లక్షణము మరియు border-bottom-color,border-left-color,border-right-color మరియు border-top-color లక్షణం లోపలి దిశపై ఆధారపడి ఉంటుంది. border-inline-color గమనిక:
సంబంధిత CSS లక్షణాలను ప్రభావితం చేస్తుందిమరియు writing-mode,text-orientation మరియు direction లోపలి దిశను నిర్వచిస్తుంది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది మరియు border-inline-color లక్షణపు ప్రభావం. ఇంగ్లీష్ పేజీలలో, లోపలి దిశ ఎడమ నుండి కుడికి, బ్లాక్ దిశ క్రిందకు ఉంటుంది.
ఉదాహరణ
ఉదాహరణ 1
లోపలి దిశలో సరిహద్దు రంగును నిర్దేశించండి:
#example1 {
border-inline-style: solid;
border-inline-color: పింక్;
}
#example2 {
border-inline-style: solid;
border-inline-color: పింక్ లైట్బ్లూ;
}
ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి
లోపలి దిశలో ప్రారంభం మరియు ముగింపు స్థానాల సరిహద్దులు writing-mode లక్షణపు ప్రభావం:
div {
border-inline-style: solid;
writing-mode: vertical-rl;
border-inline-color: బ్లూ;
}
ఉదాహరణ 3: direction లక్షణంతో కలిసి
లోపలి దిశలో ప్రారంభం మరియు ముగింపు స్థానాల సరిహద్దులు direction లక్షణపు ప్రభావం:
div {
direction: rtl;
border-inline-color: బ్లూ హాట్పింక్;
}
CSS సంకేతాలు
border-inline-color: రంగు|పారదర్శకం|మూల విలువ|పారంపర్యం|;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| రంగు |
సరిహద్దు రంగును నిర్దేశించండి. మూల రంగు ఎలిమెంట్ యొక్క ప్రస్తుత రంగు ఉంటుంది. CSS రంగు విలువలను చూసి, ప్రత్యేకమైన రంగుల పూర్తి జాబితాను పొందండి. |
| పారదర్శకం | సరిహద్దు రంగును పారదర్శకంగా నిర్దేశించండి. |
| మూల విలువ | ఈ లక్షణాన్ని దాని మూల విలువకు సెట్ చేయండి. చూడండి: మూల విలువ. |
| పారంపర్యం | ఈ లక్షణాన్ని తన పేర్పడుతున్న ఎలిమెంట్ నుండి పారంపర్యం లోపల ఉంచండి. చూడండి: పారంపర్యం. |
సాంకేతిక వివరాలు
| మూల విలువ | ఎలిమెంట్ యొక్క ప్రస్తుత రంగు |
|---|---|
| పారంపర్యం లోపల ఉంది: | ఏ |
| అనిమేషన్ తయారీ: | మద్దతు ఉంది. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.borderInlineColor="పింక్" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
相关页面
教程：CSS బోర్డర్
పరిచయం:CSS బొర్డర్ అట్రిబ్యూట్
పరిచయం:CSS బొర్డర్-ఇన్లైన్ అట్రిబ్యూట్
పరిచయం:CSS బార్డర్ ఇన్ లైన్ స్టైల్ అట్రిబ్యూట్
పరిచయం:CSS బొర్డర్-బాటమ్-కలర్ అట్రిబ్యూట్
పరిచయం:CSS బార్డర్ లెఫ్ట్ కలర్ అట్రిబ్యూట్
పరిచయం:CSS బార్డర్ రైట్ కలర్ అట్రిబ్యూట్
పరిచయం:CSS బార్డర్ టాప్ కలర్ అట్రిబ్యూట్
పరిచయం:CSS డిరెక్షన్ అట్రిబ్యూట్
- ముందు పేజీ border-inline
- తరువాత పేజీ border-inline-end
