CSS బొర్డర్-ఎండ్-ఎండ్-రేడియస్ అట్రిబ్యూట్

定义和用法

border-end-end-radius 属性用于定义元素块方向末尾（block-end）和行内方向末尾（inline-end）之间的圆角半径。

గమనిక:సంబంధిత CSS అంశాలు writing-mode,text-orientation మరియు direction బ్లాక్ దిశ మరియు నిలువు దిశ ని నిర్వచించడం జరుగుతుంది. ఈ కారణంగా ఈ అంశాలు కూడా ప్రభావితం అవుతాయి border-end-end-radius అంశం ఫలితం. ఇంగ్లీష్ పేజీలో, నిలువు దిశ నుండి కుడికి మరియు పట్టిక దిశ నుండి క్రిందకు ఉంటుంది.

ఉంటే border-end-end-radius అంశం రెండు విలువలు ఉంటే కర్ణాకారం క్రోమాకారం అవుతుంది：

border-end-end-radius: 50px 100px;

ఉంటే border-end-end-radius అంశం ఒక విలువ ఉంటే కర్ణాకారం ఒక చక్రం అవుతుంది：

border-end-end-radius: 50px;

CSS border-end-end-radius లక్షణాలు border-bottom-left-radius,border-bottom-right-radius,border-top-left-radius మరియు border-top-right-radius లక్షణం చాలా పోలి ఉంది, కానీ border-end-end-radius లక్షణం బ్లాక్ దిశ మరియు అంతర్గత దిశను ఆధారంగా చూస్తుంది.

ఉదాహరణ

ఉదాహరణ 1

కొన్ని అంశాలపై బ్లాక్ దిశ మరియు అంతర్గత దిశలో ముగింపు గుండ్రాకారాలను జోడించండి:

#example1 {
  background-color: lightblue;
  border-end-end-radius: 50px;
}
#example2 {
  background-color: lightblue;
  border-end-end-radius: 50px 20px;
}
#example3 {
  background-color: lightblue;
  border-end-end-radius: 50%;
  direction: rtl;
}
#example4 {
  background-color: lightblue;
  border-end-end-radius: 50%;
  writing-mode: vertical-rl;
} 

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

ఉదాహరణ 2: direction లక్షణంతో కలిసి

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

#example1 {
  border: 2px solid red;
  direction: rtl;
  border-end-end-radius: 25px;
}

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

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

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

#example2 {
  border: 2px solid red;
  writing-mode: vertical-rl;
  border-end-end-radius: 25px;
}

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

CSS సంకేతాలు

border-end-end-radius: 0|length|initial|inherit;

లక్షణ విలువ

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

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

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

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

教程：CSS కోణాకారత్వం

参考：CSS బొర్డర్-బాటమ్-లెఫ్ట్-రేడియస్ అట్రిబ్యూట్

参考：CSS బొర్డర్-బాటమ్-రైట్-రేడియస్ అట్రిబ్యూట్

参考：CSS బార్డర్ టాప్ లెఫ్ట్ రైట్ రేడియస్ అట్రిబ్యూట్

参考：CSS బార్డర్ టాప్ రైట్ రేడియస్ అట్రిబ్యూట్

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

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

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