ఈ బ్లాగ్ చర్చిస్తుంది:

• అవుట్‌లైన్ వ్యాసార్థం అంటే ఏమిటి?
• HTML ఎలిమెంట్‌పై అవుట్‌లైన్ రేడియస్ ఎఫెక్ట్‌ని ఎలా అప్లై చేయాలి?

అవుట్‌లైన్ వ్యాసార్థం అంటే ఏమిటి?

ది ' రూపురేఖలు ” ఎలిమెంట్ యొక్క రూపురేఖలను ఆకృతి చేయడానికి ప్రాపర్టీ ఉపయోగించబడుతుంది, కానీ అది నేరుగా అమలు చేయబడదు. అందువల్ల, అవుట్‌లైన్‌పై వ్యాసార్థ ప్రభావాన్ని వర్తింపజేయడానికి ప్రత్యామ్నాయ పద్ధతి ' సరిహద్దు-వ్యాసార్థం ” CSS ఆస్తి. ఇది రూపురేఖల కోసం గుండ్రని మూలలను నిర్దేశిస్తుంది.

HTML ఎలిమెంట్‌పై అవుట్‌లైన్ రేడియస్ ఎఫెక్ట్‌ని ఎలా అప్లై చేయాలి?

అవుట్‌లైన్ రేడియస్ ప్రాపర్టీని ఉపయోగించడానికి, ఇచ్చిన సూచనల ద్వారా వెళ్లండి.

దశ 1: ముఖ్యాంశాలను పొందుపరచండి

ప్రారంభంలో, '' నుండి ఏదైనా హెడ్డింగ్ ట్యాగ్‌ని ఉపయోగించడం ద్వారా హెడ్డింగ్‌లను పొందుపరచండి

' నుండి '

”. ఉదాహరణకు, మేము ఉపయోగించాము '

'మరియు'

HTML డాక్యుమెంట్‌లో రెండు వేర్వేరు హెడ్డింగ్‌లను పొందుపరచడానికి ” ట్యాగ్‌లు.

దశ 2: మొదటి div కంటైనర్‌ను జోడించండి

ఆ తర్వాత, “ని ఉపయోగించి కంటైనర్‌ను జోడించండి

” ట్యాగ్. అలాగే, చొప్పించండి తరగతి ” లక్షణం మరియు మీ ఎంపిక ప్రకారం తరగతి పేరును పేర్కొనండి.

---

---

దశ 3: రెండవ DIV కంటైనర్‌ను సృష్టించండి

మరొకటి సృష్టించండి' div అదే విధానాన్ని అనుసరించడం ద్వారా కంటైనర్:

< h1 శైలి = 'color:rgb(48, 10, 218)' > Linuxhint LTD UK < / h1 >

< h2 >

అవుట్‌లైన్ వృత్తాకార మూలలను సృష్టించడానికి సరిహద్దు-వ్యాసార్థం కోసం వివిధ ఉదాహరణలు.

< / h2 >

< div తరగతి = 'box1-div' >

Linuxhint దాని వినియోగదారుల కోసం ఉత్తమమైన మరియు అత్యంత ప్రత్యేకమైన కంటెంట్‌ను అందిస్తుంది.

< / div >

< div తరగతి = 'box2-div' >

ఇది బహుళ వర్గాలపై పనిచేస్తుంది.

< / div >

పై కోడ్ యొక్క అవుట్‌పుట్ క్రింద చూపబడింది:

దశ 4: మొదటి కంటైనర్ యొక్క అవుట్‌లైన్‌ను సెట్ చేయండి

'ని ఉపయోగించడం ద్వారా మొదటి కంటైనర్‌ను యాక్సెస్ చేయండి .box1-div 'తరగతి ఎక్కడ' . ” అనేది తరగతిని యాక్సెస్ చేయడానికి ఒక సెలెక్టర్:

.box1-div {

రూపురేఖలు : ఘనమైన ;

వెడల్పు : 300px ;

పాడింగ్ : 15px ;

మార్జిన్ : 25px ;

}

ఆపై, దిగువ జాబితా చేయబడిన CSS లక్షణాలను వర్తింపజేయండి:

• ది ' రూపురేఖలు మూలకం చుట్టూ రూపురేఖలను జోడించడానికి ఆస్తి ఉపయోగించబడుతుంది. ఉదాహరణకు, దాని విలువ ఇలా సెట్ చేయబడింది ' ఘనమైన ”.
• ' వెడల్పు ” మూలకం యొక్క పరిమాణాన్ని క్షితిజ సమాంతరంగా నిర్దేశిస్తుంది.
• ' పాడింగ్ ” మూలకం యొక్క కంటెంట్ చుట్టూ ఖాళీని కేటాయించడం కోసం ఉపయోగించబడుతుంది.
• ' మార్జిన్ ” ఎలిమెంట్ బార్డర్ యొక్క బయటి వైపు ఖాళీని పేర్కొనండి.

దశ 5: రెండవ కంటైనర్ యొక్క అవుట్‌లైన్‌ను సెట్ చేయండి

ఇప్పుడు, రెండవ మూలకాన్ని దాని సంబంధిత తరగతి సహాయంతో యాక్సెస్ చేయండి ' .box2-div ”:

.box2-div {

రూపురేఖలు : ఘనమైన ;

సరిహద్దు-వ్యాసార్థం : 20px ;

వెడల్పు : 300px ;

పాడింగ్ : 15px ;

మార్జిన్ : 25px ;

}

CSS ప్రాపర్టీని వర్తింపజేయి ' సరిహద్దు-వ్యాసార్థం ”మూలకం యొక్క వ్యాసార్థాన్ని నిర్వచించడం కోసం. ఈ లక్షణం మూలకం చుట్టూ గుండ్రని మూలలను జోడించడానికి మిమ్మల్ని అనుమతిస్తుంది:

మేము HTML మూలకంపై అవుట్‌లైన్ వ్యాసార్థ ప్రభావాన్ని విజయవంతంగా జోడించినట్లు గమనించవచ్చు.

ముగింపు

ది ' అవుట్లైన్-వ్యాసార్థం ' ఇక పై అందుబాటులో లేదు. వినియోగదారులు CSS “ఔట్‌లైన్” మరియు “బోర్డర్-రేడియస్” లక్షణాల సహాయంతో అవుట్‌లైన్ వ్యాసార్థ లక్షణాలను వర్తింపజేయవచ్చు. ది ' రూపురేఖలు ” మూలకం చుట్టూ ఒక రూపురేఖలను జోడిస్తుంది మరియు “ సరిహద్దు-వ్యాసార్థం ” అనేది ప్రత్యేకంగా అవుట్‌లైన్ స్టైలింగ్ కోసం ఉపయోగించబడుతుంది. ఈ పోస్ట్ HTMLలోని మూలకం చుట్టూ అవుట్‌లైన్ వ్యాసార్థ ప్రభావాన్ని జోడించడానికి సూచనలను ప్రదర్శించింది.