CSS బొర్డర్-ఇన్లైన్-ఎండ్-కలర్ అట్రిబ్యూట్
- ముందు పేజీ border-inline-end
- తదుపరి పేజీ border-inline-end-style
కోర్సు సిఫార్సులు:
border-inline-end-color అంశం సెట్ చేయడం ద్వారా అంశం నిర్మాణం మరియు ఉపయోగం
మున్నటి అనుమానం:దానిని చేయడానికి border-inline-end-color అంశం కార్యకరము అయితే, అమర్చవలసిన అంశం ఉండాలి border-inline-end-style అంశం.
CSS border-inline-end-color లక్షణాలు border-bottom-color,border-left-color,border-right-color మరియు border-top-color లక్షణాలు చాలా అనిలికలను కలిగి ఉంటాయి, కానీ border-inline-end-color లక్షణం ఇన్లైన్ దిశపై ఆధారపడి ఉంటుంది.
మున్నటి అనుమానం:సంబంధిత CSS లక్షణాలు writing-mode,text-orientation మరియు direction ఇన్లైన్ దిశను నిర్వచిస్తుంది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది మరియు border-inline-end-color లక్షణం ప్రభావం. ఇంగ్లీష్ పేజీలో, ఇన్లైన్ దిశ ఎడమ నుండి కుడికి ఉంటుంది, బ్లాక్ దిశ క్రిందకు ఉంటుంది.
ఉదాహరణ
ఉదాహరణ 1
ఇన్లైన్ దిశలో తుది బిడ్జర్ రంగును అమర్చండి:
div {
border-inline-end-style: solid;
border-inline-end-color: pink;
}
ఉదాహరణ 2: writing-mode లక్షణం తో కలిసి
ఇన్లైన్ దిశలో తుది బిడ్జర్ స్థానం ప్రభావితం చేస్తుంది writing-mode లక్షణం ప్రభావం:
div {
border-inline-end-style: solid;
writing-mode: vertical-rl;
border-inline-end-color: blue;
}
ఉదాహరణ 3: direction లక్షణం తో కలిసి
ఇన్లైన్ దిశలో తుది బిడ్జర్ స్థానం ప్రభావితం చేస్తుంది direction లక్షణం ప్రభావం:
div {
direction: rtl;
border-inline-end-color: hotpink;
}
CSS సంకేతాలు
border-inline-end-color: color|transparent|initial|inherit;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| color | కింది బిడ్జర్ రంగును స్పష్టంగా నిర్ణయించండి. అప్రమేయంగా అంశం యొక్క నిజమైన రంగు ఉంటుంది. చూడండి:సిఎస్ఎస్ కలర్ వాల్యూస్. |
| transparent | కింది బిడ్జర్ రంగును స్పష్టంగా నిర్ణయించండి. |
| initial | ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial. |
| inherit | ఈ లక్షణాన్ని తన తలి అంశం నుండి అంగీకరించండి. చూడండి: inherit. |
సాంకేతిక వివరాలు
| అప్రమేయం విలువ | కెల్లంత సమయంలో అంశం యొక్క నిజమైన రంగు |
|---|---|
| పారంపర్యత: | సందేహం లేదు |
| అనిమేషన్ తయారీ: | మద్దతు పొందండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.borderInlineEndColor="pink" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| 69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
సంబంధిత పేజీలు
శిక్షణ పత్రిక కు సంబంధించినది:CSS బార్డర్
సూచనలు:CSS బొర్డర్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-ఇన్లైన్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-ఇన్లైన్-ఎండ్-స్టైల్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ ఇన్లైన్ స్టార్ట్ కలర్ అట్రిబ్యూట్
సూచనలు:CSS బొర్డర్-బాటమ్-కలర్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ లెఫ్ట్ కలర్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ రైట్ కలర్ అట్రిబ్యూట్
సూచనలు:CSS బార్డర్ టాప్ కలర్ అట్రిబ్యూట్
సూచనలు:CSS డిరెక్షన్ అట్రిబ్యూట్
- ముందు పేజీ border-inline-end
- తదుపరి పేజీ border-inline-end-style
