CSS బొర్డర్-బాటమ్-వెయిద్ధం అట్రిబ్యూట్

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

border-bottom-width లక్షణం అంశం దిగువ గాలివెట్టు వెడల్పును నిర్మించడానికి ఉపయోగిస్తారు.

బిడిడి శైలి none కాకపోతే మాత్రమే పనిచేస్తుంది. బిడిడి శైలి none అయితే, గాలివెట్టు వెడల్పు వాస్తవానికి 0 గా మారుతుంది. నిరాకరించబడిన పొడవులను నిర్మించలేదు.

పరిశీలన:బిడిడి విలువలు ఎల్లప్పుడూ border-bottom-width లక్షణం ముందు ప్రకటించాలి. అంశం గాలివెట్టు వచ్చిన తర్వాత మాత్రమే గాలివెట్టు వెడల్పును మార్చవచ్చు.

మరింత చూడండి:

CSS పాఠకం:CSS బోర్డర్

CSS పరిశీలన మానికలు:border-bottom లక్షణం

HTML DOM పరిశీలన మానికలు:borderBottomWidth లక్షణం

ఉదాహరణ

దిగువ గాలివెట్టు వెడల్పును ఏర్పాటు చేయండి:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

నేను ప్రయత్నించండి

CSS సంకేతాలు

border-bottom-width: medium|thin|thick|length|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
thin దిగువ గాలివెట్టును మెరుగుగా నిర్మించడం
medium మూల విలువ. మధ్యస్థ దిగువ గాలివెట్టును నిర్మించడం
thick దిగువ గాలివెట్టును గట్టిగా నిర్మించడం
length మీరు దిగువ గాలివెట్టు వెడల్పును స్వయంగా నిర్మించగలరు.
inherit పిత్ర అంశం నుండి గాలివెట్టు వెడల్పును పారదర్శకంగా చేయాలి. అంశం గాలివెట్టు వచ్చిన తర్వాత మాత్రమే గాలివెట్టు వెడల్పును మార్చవచ్చు.

మరిన్ని ఉదాహరణలు

దిగువ గాలివెట్టు వెడల్పును ఏర్పాటు చేయడం
ఈ ఉదాహరణ దిగువ గాలివెట్టు వెడల్పును ఏర్పాటు చేయడం ను చూపుతుంది.

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

మూల విలువ: medium
పారదర్శకత: no
వెర్షన్: CSS1
JavaScript సంకేతాలు: object.style.borderBottomWidth="thick"

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

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

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 3.5

పరిశీలన:IE7 మరియు అది ముంది వెబ్ బ్రౌజర్లు "inherit" విలువను మద్దతు ఇవ్వలేదు. IE8 కోసం !DOCTYPE అవసరం. IE9 "inherit" విలువను మద్దతు ఇస్తుంది.