స్టైల్ borderWidth లక్షణం
- పైన పేజీ borderTopWidth
- తదుపరి పేజీ తక్కువస్థాయి
- పైకి తిరిగి HTML DOM Style ఆబ్జెక్ట్
నిర్వచనం మరియు ఉపయోగం
borderWidth ఈ లక్షణం ఎలిమెంట్ బార్డర్ వెడిథ్ అన్నిటినీ సెట్ చేస్తుంది లేదా వాటిని వారు అనుసరిస్తారు.
ఈ లక్షణం ఒకటి మరియు నాలుగు విలువలను ఉపయోగించవచ్చు:
- ఒక విలువను ఉదాహరణకు: p {border-width: thick} - అన్ని నాలుగు పరికరాలు పచ్చబొట్టు ఉన్నాయి
- రెండు విలువలు, ఉదాహరణకు: p {border-width: గట్టి సుక్ష్మ} - పైకిన మరియు క్రిందిప్రక్కల అంచులు గట్టి, కుడిప్రక్కల మరియు ఎడమప్రక్కల అంచులు సుక్ష్మం
- మూడు విలువలు, ఉదాహరణకు: p {border-width: గట్టి సుక్ష్మ మధ్యమ} - పైకిన అంచులు గట్టి, కుడిప్రక్కల మరియు ఎడమప్రక్కల అంచులు సుక్ష్మం, క్రిందిప్రక్కల అంచులు మధ్యమం
- నాలుగు విలువలు, ఉదాహరణకు: p {border-width: గట్టి సుక్ష్మ మధ్యమ 10px} - పైకిన అంచులు గట్టి, కుడిప్రక్కల అంచులు సుక్ష్మం, క్రిందిప్రక్కల అంచులు మధ్యమం, ఎడమప్రక్కల అంచులు 10px
మరియు ఇతర పరిశీలనలు:
CSS పాఠ్యక్రమం:CSS బార్డర్
CSS పరిశీలన కురించి:border-width లక్షణం
HTML DOM పరిశీలన కురించి:border లక్షణం
ఉదాహరణ
ఉదాహరణ 1
ఫలితం: <div> కేంద్రకాణం యొక్క నాలుగు అంచుల వెడల్పును గట్టిగా మార్చండి:
document.getElementById("myDiv").style.borderWidth = "గట్టి";
ఉదాహరణ 2
ఫలితం: <div> కేంద్రకాణం యొక్క పైకిన ప్రక్కల అంచుల వెడల్పును గట్టిగా, కుడిప్రక్కల అంచులను సుక్ష్మగా మార్చండి:
document.getElementById("myDiv").style.borderWidth = "గట్టి సుక్ష్మ మధ్యమ";
ఉదాహరణ 3
ఫలితం: <div> కేంద్రకాణం యొక్క నాలుగు అంచుల వెడల్పును పొడవు విలువలతో మార్చండి:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
ఉదాహరణ 4
ఫలితం: <div> కేంద్రకాణం యొక్క అంచుల వెడల్పు తిరిగి పొందండి:
alert(document.getElementById("myDiv").style.borderWidth);
సింటాక్స్
borderWidth లక్షణాన్ని తిరిగి పొందండి:
ఆబ్జెక్ట్.style.borderWidth
borderWidth లక్షణాన్ని సెట్ చేయండి:
ఆబ్జెక్ట్.style.borderWidth = "సుక్ష్మ మధ్యమ గట్టి|లెంగ్త్|ఇనిశియల్|ఇన్హెరిట్"
| విలువ | వివరణ |
|---|---|
| సుక్ష్మ | సుక్ష్మ అంచులను నిర్వచించండి. |
| మధ్యమం | మధ్యమ అంచులను నిర్వచించండి. డిఫాల్ట్. |
| గట్టి | గట్టి అంచులను నిర్వచించండి. |
| లెంగ్త్ | పొడవు ద్వారా అంచుల వెడల్పు. |
| ఇనిశియల్ | ఈ లక్షణాన్ని దిఫాల్ట్ విలువకు సెట్ చేయండి. చూడండి: ఇనిశియల్. |
| ఇన్హెరిట్ | తన మాత్రికాణం నుండి ఈ లక్షణాన్ని స్వీకరించండి. చూడండి: ఇన్హెరిట్. |
సాంకేతిక వివరాలు
| డిఫాల్ట్ విలువ: | మధ్యమం |
|---|---|
| ఫలితం: | స్ట్రింగ్ ఆకృతి, దీనిద్వారా కేంద్రకాణాల సంబంధిత అంచుల వెడల్పును సూచిస్తుంది. |
| CSS సంస్కరణలు: | CSS1 |
బ్రౌజర్ మద్దతు
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- పైన పేజీ borderTopWidth
- తదుపరి పేజీ తక్కువస్థాయి
- పైకి తిరిగి HTML DOM Style ఆబ్జెక్ట్
