CSS బార్డర్ టాప్ రైట్ రేడియస్ అట్రిబ్యూట్
- ముందసి పేజీ border-top-left-radius
- తదుపరి పేజీ border-top-style
నిర్వచన మరియు వినియోగం
border-top-right-radius లక్షణం యొక్క మేలురుతున్న ప్రక్కను నిర్వచిస్తుంది.
సలహా:ఈ లక్షణం మీరు ఎలిమెంట్కు గోలాకార బార్డర్ జోడించేందుకు అనుమతిస్తుంది.
మరియు చూడండి:
CSS3 శిక్షణాలు:CSS3 బార్డర్
ఉదాహరణ
div ఎలిమెంట్ యొక్క మేలురుతున్న ప్రక్కను గోలాకార బార్డర్ జోడించండి:
div
{
border:2px solid;
border-top-right-radius:2em;
}
CSS సంకేతాలు
border-top-right-radius: length|% [length|%];
ప్రకటన:border-top-right-radius లక్షణం యొక్క పొడవు విలువలు మరియు శతకం విలువలు నాలుగు భాగాల గోలకాకారం (బ్రౌనియర్ బార్డర్ మోడల్ నిర్వచించు మూలాల రూపం) వ్యాసాలను నిర్వచిస్తాయి. మొదటి విలువ అడుగురెట్టు వ్యాసం, రెండవ విలువ పొడవు వ్యాసం. రెండవ విలువను సరిహద్దు చేయకపోతే మొదటి విలువను కాపించు. పొడవు విలువ నాలుగు వేలు ఉన్నప్పుడు మూలాలు చతురస్రాకారం కాగా గోలకం కాదు. అడుగురెట్టు వ్యాసం యొక్క శతకం విలువలు బార్డర్ బాక్స్ వెడల్పును పరిగణిస్తాయి, పొడవు వ్యాసం యొక్క శతకం విలువలు బార్డర్ బాక్స్ పొడవును పరిగణిస్తాయి.
లక్షణ విలువ
| విలువ | వివరణ | పరీక్ష |
|---|---|---|
| length | మేలురుతున్న ప్రక్కను నిర్వచించు. | పరీక్ష |
| % | మేలురుతున్న ప్రక్కను నిర్వచించు శతకం విలువలతో. | పరీక్ష |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | 0 |
|---|---|
| పారంతరికత: | no |
| సంస్కరణ: | CSS3 |
| JavaScript సంకేతాలు: | object.style.borderTopRightRadius="5px" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి。
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 5.0 4.0 -webkit- |
9.0 | 4.0 3.0 -moz- |
5.0 3.1 -webkit- |
10.5 |
- ముందసి పేజీ border-top-left-radius
- తదుపరి పేజీ border-top-style
