CSS బొర్డర్-ఇన్లైన్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

border-inline లక్షణం ఈ లక్షణాలకు సంక్షిప్త రూపం:

రంగు లేదా వెడల్పు విలువను మినహాయించినట్లయితే, అప్రమేయ విలువను వాడుతారు.

CSS యొక్క border-inline లక్షణం మరియు border అనుకూలించే లక్షణాలు చాలా సమానంగా ఉన్నాయి కానీ border-inline లక్షణం లోపలి దిక్కున ఆధారపడి ఉంటుంది.

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

ఉదాహరణ

ఉదాహరణ 1

లోపలి దిక్కున వివిధ ఎలమెంట్లకు బార్డర్ స్టైల్, రంగు మరియు వెడల్పును అమర్చండి

h1 {
  border-inline: 5px solid red;
}
h2 {
  border-inline: 4px dotted blue;
}
div {
  border-inline: double;
}

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

ఉదాహరణ 2: writing-mode లక్షణతో కలిసి

లోపలి దిక్కున ప్రారంభ మరియు ముగింపు స్థానాలపై బార్డర్ ప్రభావితం అవుతుంది writing-mode లక్షణపు ప్రభావం:

div {
  writing-mode: vertical-rl;
  border-inline: hotpink dashed 8px;
}

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

CSS సంకేతాలు

border-inline: border-inline-width border-inline-style border-inline-color |initial|inherit;

లక్షణ విలువ

విలువ వివరణ
border-inline-width

లోపలి దిక్కున బార్డర్ వెడల్పును నిర్దేశించండి

అప్రమేయం వచ్చే విలువ 'medium'
border-inline-style

లోపలి దిక్కున బార్డర్ స్టైల్ను నిర్దేశించండి

అప్రమేయం వచ్చే విలువ 'none'
border-inline-color

లోపలి దిక్కున బార్డర్ రంగును నిర్దేశించండి

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

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

అప్రమేయం: మధ్యమం కాని రంగు
పారంపర్యం: ఏ
అనిమేషన్ తయారీ: అవును, వ్యక్తిగత లక్షణాలను చూడండి. అనిమేటబుల్ గురించి తెలుసుకోండి
సంస్కరణ: CSS3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.borderInline="dashed hotpink 10px"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ సంస్కరణను సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
87.0 87.0 66.0 14.1 73.0

సంబంధిత పేజీలు

教程：CSS బోర్డర్

参考：CSS బొర్డర్ అట్రిబ్యూట్

参考：CSS బొర్డర్-ఇన్లైన్-కలర్ అట్రిబ్యూట్

参考：CSS border-inline-style అట్రిబ్యూట్

参考：CSS border-inline-width అట్రిబ్యూట్

参考：CSS డిరెక్షన్ అట్రిబ్యూట్

参考：CSS టెక్స్ట్-ఆరెంటేషన్ అట్రిబ్యూట్

参考：CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్