CSS బార్డర్ స్టార్ట్ స్టార్ట్ రేడియస్ అట్రిబ్యూట్

定义和用法

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

注意：相关的 CSS 属性 writing-mode,text-orientation మరియు direction 定义了块方向和行内方向。这就是为什么这些属性也会影响 border-start-start-radius 属性的结果。对于英文页面，行内方向是从左到右，块方向是向下。

ఉంటే border-start-start-radius గుణం రెండు విలువలు కలిగి ఉంటే కోణరేఖ కోణాకారంగా ఉంటుంది:

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

ఉంటే border-start-start-radius గుణం ఒక విలువ ఉంటే కోణరేఖ చక్రాకారంగా ఉంటుంది:

border-start-start-radius: 50px;

CSS border-start-start-radius గుణం మరియు border-bottom-left-radius,border-bottom-right-radius,border-top-left-radius మరియు border-top-right-radius చాలా పోలి ఉన్నప్పటికీ border-start-start-radius ఈ లక్షణం బ్లాక్ దిశ మరియు ఇన్లైన్ దిశ ప్రారంభం పై ఆధారపడుతుంది.

ఉదాహరణ

ఉదాహరణ 1

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

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

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

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

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

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

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

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

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

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

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

CSS సంకేతాలు

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

లక్షణ విలువ

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

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

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

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

ట్యూటోరియల్:CSS కోర్నర్

పరిచయంలో ఉన్నది:CSS బొర్డర్-బాటమ్-లెఫ్ట్-రేడియస్ అట్రిబ్యూట్

పరిచయంలో ఉన్నది:CSS బొర్డర్-బాటమ్-రైట్-రేడియస్ అట్రిబ్యూట్

పరిచయంలో ఉన్నది:CSS బార్డర్ టాప్ లెఫ్ట్ రేడియస్ అట్రిబ్యూట్

పరిచయంలో ఉన్నది:CSS బార్డర్ టాప్ రైట్ రేడియస్ అట్రిబ్యూట్

పరిచయంలో ఉన్నది:CSS డిరెక్షన్ అట్రిబ్యూట్

పరిచయంలో ఉన్నది:CSS టెక్స్ట్-ఆరెంటేషన్ అట్రిబ్యూట్

పరిచయంలో ఉన్నది:CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్