Style borderRadius అంశం

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

borderRadius అంశం అప్రమేయ విలువను అమర్చడానికి లేదా తిరిగి పొందడానికి నాలుగు borderRadius అంశాలను నిర్వహించే సరళమైన అంశం.

నాలుగు borderRadius అంశాలు ఈ క్రమంగా ఉన్నాయి:

సలహా:ఈ అంశం మీరు అంశాన్ని ఎలమెంట్కు గుండ్రబింది కర్ణాలు జోడించడానికి అనుమతిస్తుంది!

మరియు చూడండి:

CSS సూచనాల పుస్తకం:border-radius అంశం

ఉదాహరణ

డివ్ ఎలమెంట్కు గుండ్రబింది కర్ణాలు జోడించండి:

document.getElementById("myDIV").style.borderRadius = "25px";

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

వినియోగం

borderRadius అంశం తిరిగి వస్తాయి:

object.style.borderRadius

borderRadius అంశం అమర్చండి:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

ప్రకటన:ప్రతి కర్ణం నాలుగు విలువలు ఎడమ పైకి, ఎడమ కుడికి, కుడి కుడికి, ఎడమ పైకి క్రమంగా ఉన్నాయి. ఎడమ పైకి విలువను వదిలిపోతే కుడి కుడికి అదే విలువను ఉపయోగిస్తారు. కుడి కుడికి విలువను వదిలిపోతే ఎడమ పైకి అదే విలువను ఉపయోగిస్తారు. కుడి కుడికి విలువను వదిలిపోతే ఎడమ పైకి అదే విలువను ఉపయోగిస్తారు.

అంశం విలువ

విలువ వివరణ
length కర్ణాల ఆకారాన్ని నిర్వచించండి. అప్రమేయ విలువ 0.
% ప్రాంభిక కర్ణాల ఆకారాన్ని శతల ప్రతిశతంగా నిర్వచించండి.
initial ఈ అంశాన్ని అప్రమేయ విలువకు అంతర్భాగం చేయండి. చూడండి initial.
inherit ఈ అంశాన్ని తన తల్లి అంశం నుండి పాటించండి. చూడండి inherit.

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

అప్రమేయ విలువ: 0
వారు తిరిగి వస్తాయి: పదబంధం ఆధారంగా అంశం ప్రకటించబడుతుంది border-radius అంశం.
CSS సంస్కరణ: CSS3

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపరా
మద్దతు 9.0 మద్దతు మద్దతు మద్దతు