CSS బార్డర్ ఇన్లైన్ స్టార్ట్ కలర్ అట్రిబ్యూట్

పూర్వ పేజీ border-inline-start
తదుపరి పేజీ border-inline-start-style

డిఫినెషన్ మరియు ఉపయోగం

border-inline-start-color అట్రిబ్యూట్ సెట్ చేయడం ప్రారంభంలో బార్డర్ కలర్ సెట్ చేయాలి

గమనిక:అట్రిబ్యూట్ సెట్ చేయడానికి border-inline-start-color అట్రిబ్యూట్ అప్లయ్ అవుతుంది అని సెట్ చేయాలి border-inline-start-style అట్రిబ్యూట్

సిఎస్ఎస్ border-inline-start-color అట్రిబ్యూట్ మరియు బార్డర్-బాటమ్-కలర్సంబంధిత CSS లక్షణాలనుబార్డర్-లెఫ్ట్-కలర్సంబంధిత CSS లక్షణాలనుబార్డర్-రైట్-కలర్ మరియు border-top-color లక్షణాలు చాలా సమానంగా ఉన్నా కానీ border-inline-start-color లక్షణం లోపలి దిశపై ఆధారపడి ఉంటుంది.

గమనిక:గమనించండి: writing-modeసంబంధిత CSS లక్షణాలను, మరియు direction లోపలి దిశను నిర్వచిస్తుంది. ఇది ఒక పంక్తి యొక్క ప్రారంభం మరియు ముగింపు స్థానాలను మరియు border-inline-start-color లక్షణం ప్రభావం. ఇంగ్లీష్ పేజీలలో, లోపలి దిశ ఎడమ నుండి కుడికి, బ్లాక్ దిశ క్రిందకు ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

లోపలి దిశలో ప్రారంభం సరిహద్దు రంగును అమర్చండి:

div {
  border-inline-start-style: solid;
  border-inline-start-color: pink;
}

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

ఉదాహరణ 2

writing-mode లక్షణం ఉపయోగించండి

లోపలి దిశలో ప్రారంభం సరిహద్దు స్థానాలు ఈ లక్షణం ప్రభావితం అవుతాయి writing-mode లక్షణ ప్రభావం:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-color: 5px;
}

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

ఉదాహరణ 3

direction లక్షణం ఉపయోగించండి

లోపలి దిశలో ప్రారంభం మరియు ముగింపు సరిహద్దు స్థానాలు ఈ లక్షణం ప్రభావితం అవుతాయి direction లక్షణ ప్రభావం:

div {
  direction: rtl;
  border-inline-start-color: hotpink;
}

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

CSS సంకేతాలు

border-inline-start-color: color|transparent|initial|inherit;

లక్షణ విలువ

విలువ	వివరణ
color	సరిహద్దు రంగును నిర్దేశించండి. అప్రమేయం ఇంటర్నల్ రంగు. దయచేసి చూడండి:సిఎస్ఎస్ కలర్ వాల్యూస్.
పారదర్శకం	సరిహద్దు రంగును పారదర్శకంగా నిర్దేశించండి.
అప్రమేయం	ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. దయచేసి చూడండి: అప్రమేయం.
పారంపర్యం	ఈ లక్షణాన్ని తన ప్రాతిపదికన పెరిగించు. దయచేసి చూడండి: పారంపర్యం.

సాంకేతిక వివరాలు

అప్రమేయం:	ప్రస్తుత రంగు సంబంధిత అంశం యొక్క రంగు
పారంపర్యం:	ఏ
అనిమేషన్ తయారీ:	మద్దతు చేయబడింది. దయచేసి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్:	CSS3
జావాస్క్రిప్ట్ సంకేతాలు:	object.style.borderInlineStartColor="pink"