CSS బార్డర్ వెడిథ్ అట్రిబ్యూట్

定义和用法

border-width 简写属性为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。

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

ఉదాహరణ 1

border-width:thin medium thick 10px;
  • పైప్రక్క గాలివెడల్పు సుక్ష్మమైన గాలివెడల్పు
  • కుడిప్రక్క గాలివెడల్పు మధ్యస్థ గాలివెడల్పు
  • క్రిందప్రక్క గాలివెడల్పు కఠినమైనది
  • ఎడమప్రక్క గాలివెడల్పు 10px విస్తృతమైన గాలివెడల్పు

ఉదాహరణ 2

border-width:thin medium thick;
  • పైప్రక్క గాలివెడల్పు 10px విస్తృతమైనది
  • కుడిప్రక్క మరియు ఎడమప్రక్క మధ్యస్థ గాలివెడల్పులు
  • క్రిందప్రక్క గాలివెడల్పు కఠినమైనది

ఉదాహరణ 3

border-width:thin medium;
  • పైప్రక్క మరియు క్రిందప్రక్క సుక్ష్మమైన గాలివెడల్పులు
  • కుడిప్రక్క మరియు ఎడమప్రక్క మధ్యస్థ గాలివెడల్పులు

ఉదాహరణ 4

border-width:thin;
  • అన్ని 4 గాలివెడల్పులు సుక్ష్మమైనవి

ఉదాహరణ

నాలుగు గాలివెడల్పుల పరిమాణాన్ని అమర్చండి:

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

మీరే ప్రయత్నించండి

CSS సంక్షిప్త రూపం

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

గుణం విలువ

విలువ వివరణ
సుక్ష్మమైన గాలివెడల్పు నిర్వహించండి. thin
medium అప్రమేయం. మధ్యస్థ గాలివెడల్పు నిర్వహించండి.
thick కఠినమైన గాలివెడల్పు నిర్వహించండి.
length మీరు గాలివెడల్పు పరిమాణాన్ని స్వంతంగా అమర్చుకోవచ్చు.
inherit గాలివెడల్పు పరిమాణాన్ని ప్రాతిపదికగా పరివార కొలువు నుండి పారంతరం చేయాలి.

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

అన్ని గాలివెడల్పు పరిమాణాలు ఒకే ప్రకటనలో
ఈ ఉదాహరణలో లఘువైన గుణాల ద్వారా అన్ని గాలివెడల్పు పరిమాణాలను ఒకే ప్రకటనలో సెట్ చేయడాన్ని చూపడం జరుగుతుంది.

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

అప్రమేయం: medium
పారంతర లక్షణం: no
సంస్కరణ: CSS1
JavaScript సంక్షిప్త రూపం: object.style.borderWidth="thin thick"

బ్రాసర్ మద్దతు

పట్టికలో గాని బ్రాసర్లు పూర్తిగా ఈ గుణాన్ని మద్దతు ఇస్తాయి అన్న వాక్యాన్ని గమనించండి.

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

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

CSS శిక్షణా గ్రంథంCSS బార్డర్

HTML DOM సంక్షిప్త సూచికborderWidth గుణం