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

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

border-top-width లక్షణం బ్రౌజర్ యొక్క పై కిన్నరం బార్డర్ వెడల్పును అమర్చుతుంది.

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

పేర్కొనున్నది:బార్డర్-టాప్-వెడల్పు లక్షణం ముందు బార్డర్-స్టైల్ లక్షణాన్ని పేర్కొనాలి. బ్రౌజర్ బార్డర్ పొందిన తర్వాత మాత్రమే బార్డర్ వెడల్పును మార్చవచ్చు.

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

CSS పాఠ్యక్రమం:CSS బార్డర్

CSS సందర్భాన్ని సందర్శించండి:border-top లక్షణం

HTML DOM సందర్భాన్ని సందర్శించండి:borderTopWidth లక్షణం

ఉదాహరణ

పై కిన్నరం వెడల్పును అమర్చండి:

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

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

CSS సంకేతబద్ధం

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

లక్షణ విలువ

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

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

అప్రమేయం: medium
వారిశ్రామం కార్యకలాపం: no
సంస్కరణ: CSS1
JavaScript సంకేతబద్ధం: object.style.borderTopWidth="thick"

ఇతర ఉదాహరణలు

పై కిన్నరం వెడల్పును అమర్చడం
పై కిన్నరం వెడల్పును ఎలా అమర్చాలనే ఈ ఉదాహరణ చూపుతుంది.

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

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

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

పేర్కొనున్నది:IE7 మరియు ఆధికారిక బ్రౌజర్లు "inherit" విలువను మద్దతు చేయలేదు. IE8 కొరకు !DOCTYPE అవసరం. IE9 "inherit" విలువను మద్దతు చేస్తుంది.