CSS బొర్డర్-ఇన్లైన్-ఎండ్-వెయిద్ధం అట్రిబ్యూట్

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

మరియు అమర్తుకున్న విభాగంలో సారమయిన పద్ధతి మీద కాంతి వ్యాసం సమానంగా ఉండే రేఖారూపం.

మరియు要使 మరియు 属性生效,必须设置 border-inline-end-style 属性。

CSS మరియు 属性与 CSS 属性 border-bottom-widthగమనిక:border-left-widthగమనిక:border-bottom-width మరియు border-left-width border-right-width మరియు border-top-width

మరియులక్షణం పద్ధతి స్థానానికి ఆధారపడి ఉంటుంది. ఉదాహరణ 2: writing-mode లక్షణంతో కలిసిగమనిక:సంబంధిత CSS లక్షణాలు మరియు పద్ధతి స్థానం ప్రారంభం మరియు ముగింపు రేఖల స్థానాలు ఈ లక్షణానికి ప్రభావితం అవుతాయి. text-orientation మరియు పద్ధతి స్థానాన్ని నిర్వచిస్తుంది. ఇది ఒక పంక్తి ప్రారంభం మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుందు

border-inline-end-width

లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలలో, పద్ధతి స్థానం ఈవర్ నుండి కుడికి ఉంటుంది, బ్లాక్ స్థానం ఈవర్ నుండి క్రిందకు ఉంటుంది.

ఉదాహరణ

లక్షణానికి ప్రభావం:
  పద్ధతి స్థానం ముగింపు రేఖల స్థానాలు ఈ లక్షణానికి ప్రభావితం అవుతాయి.
  direction: rtl;
border-inline-end-width: 10px;

}

ఉదాహరణ 1

పద్ధతి స్థానం ముగింపు రేఖల స్థానాలను సెట్ చేయండి: ఉదాహరణ 2: writing-mode లక్షణంతో కలిసి direction

లక్షణానికి ప్రభావం:
  పద్ధతి స్థానం ముగింపు రేఖల స్థానాలు ఈ లక్షణానికి ప్రభావితం అవుతాయి.
  writing-mode
  writing-mode: vertical-rl;
border-inline-end-width: 10px;

}

border-inline-end-width: 5px;

ఉదాహరణ 3: direction లక్షణంతో కలిసి పద్ధతి స్థానం ప్రారంభం మరియు ముగింపు రేఖల స్థానాలు ఈ లక్షణానికి ప్రభావితం అవుతాయి. direction

లక్షణానికి ప్రభావం:
  div {
  direction: rtl;
border-inline-end-width: 10px;

}

ప్రయత్నించండి

CSS సంకేతంపరిమాణంborder-inline-end-width: medium|thin|thick|

|ప్రారంభం|పారంపర్యం;

లక్షణ విలువ విలువ
మధ్యమం వివరణ
పరిమాణం మధ్యమ రేఖలను నిర్వచించండి. అప్రమేయం. పరిమాణం సన్నిహిత రేఖలను నిర్వచించండి.
పరిమాణం బరువు రేఖలను నిర్వచించండి. పరిమాణం పొడవు రేఖలను నిర్వచించండి.
పరిమాణం మీరు బరువు రేఖల పరిమాణాన్ని నిర్వచించడానికి అనుమతిస్తుంది. చూడండి:CSS యూనిట్స్.
ప్రారంభం ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: ప్రారంభం.
పారంపర్యం తన ప్రాతిపదికన ఈ లక్షణను స్వీకరించండి. చూడండి: పారంపర్యం.

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

అప్రమేయం: మధ్యమం
పారంపర్యం:
అనిమేషన్ తయారీ: మద్దతు ఉంది. దయచేసి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
సంస్కరణం: CSS3
జావాస్క్రిప్ట్ సంకేతం: object.style.borderInlineEndWidth="10px"

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
69.0 79.0 41.0 12.1 56.0

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

శిక్షణ మార్గం:CSS బోర్డర్

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

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

参考:CSS బొర్డర్-ఇన్లైన్-ఎండ్-స్టైల్ అట్రిబ్యూట్

参考:CSS border-inline-start-width 属性

参考:CSS బొర్డర్-బాటమ్-వెయిద్ధం అట్రిబ్యూట్

参考:CSS border-left-width 属性

参考:CSS border-right-width 属性

参考:CSS border-top-width 属性

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

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

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