Style borderTopStyle అట్రిబ్యూట్

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

borderTopStyle అట్రిబ్యూట్స్ సెట్టింగ్ లేదా సబ్స్క్రయిబ్యూట్ బోర్డర్ స్టైల్ స్థానాన్ని పొందండి.

మరింత సందర్శించండి:

CSS శిక్షణా పుస్తకం:CSS బార్డర్

CSS సందర్శనా పుస్తకం:border-top-style అట్రిబ్యూట్

HTML DOM సందర్శనా పుస్తకం:బోర్డర్ అట్రిబ్యూట్

ఉదాహరణ

ప్రమాణం 1

ది <div> మెలెంట్స్స్ట్ర్యాక్ చార్జ్డ్ అప్పుర్ బోర్డర్ కాద్దె జోడించండి:

document.getElementById("myDiv").style.borderTopStyle = "solid";

document.getElementById("myDiv").style.borderTopStyle = listValue;

document.getElementById("myDiv").style.borderTopStyle = "solid";

ఉదాహరణ 2

<div> ఎలిమెంట్ యొక్క పై బార్డర్ స్టైల్ ను "dotted" గా మార్చండి:

document.getElementById("myDiv").style.borderTopStyle = listValue;

document.getElementById("myDiv").style.borderTopStyle = "dotted";

ఉదాహరణ 3

వారుండివచ్చే <div> ఎలిమెంట్ యొక్క పై బార్డర్ స్టైల్ నిర్వచించబడుతుంది:

document.getElementById("myDiv").style.borderTopStyle = listValue;

alert(document.getElementById("myDiv").style.borderTopStyle);

ఉదాహరణ 4

అన్ని విలువలను ప్రదర్శించుట:
వారుండివచ్చే విలువ = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderTopStyle = listValue;

స్వయంచాలకంగా ప్రయత్నించండి

విధానం

borderTopStyle లక్షణాన్ని అమర్చుకుంటుంది:borderTopStyle లక్షణాన్ని వారుండివచ్చే విలువ:

.style.borderTopStyle

borderTopStyle లక్షణాన్ని అమర్చుకుంటుంది:object .style.borderTopStyle =value
|ఇనిషల్|ఇన్హెరిట్ విలువ
నాన్ వివరణ
బార్డర్ లేని నిర్వచిస్తుంది. డిఫాల్ట్. hidden
నాన్ తో సమానం, కానీ టేబుల్ ఎలిమెంట్స్ బార్డర్ కాల్లింగ్ ప్రసంగాలలో తప్ప. dotted
డాట్ బార్డర్ నిర్వచిస్తుంది. dashed
డాష్ బార్డర్ నిర్వచిస్తుంది. solid
సాధారణ బార్డర్ నిర్వచిస్తుంది. double
రెండు బార్డర్లను నిర్వచిస్తుంది. రెండు బార్డర్ల వెడల్పన బార్డర్-వెడల్పన విలువకు సమానంగా ఉంటుంది. 3D గ్రోవ్ బార్డర్ నిర్వచిస్తుంది. ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది border-color విలువ
ridge 3D రిజ్జు బార్డర్ నిర్వచిస్తుంది. ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది border-color విలువ
inset 3D inset బార్డర్ నిర్వచిస్తుంది. ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది border-color విలువ
outset 3D outset బార్డర్ నిర్వచిస్తుంది. ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది border-color విలువ
ఇనిషల్ ఈ లక్షణాన్ని దాని డిఫాల్ట్ విలువకు అమర్చుకుంటుంది. చూడండి ఇనిషల్.
ఇన్హెరిట్ ఈ లక్షణం నిర్వచించడానికి తన పేర్వర్తి ఎలిమెంట్ నుండి ఈ లక్షణాన్ని పారదర్శించుకుంటుంది. చూడండి ఇన్హెరిట్.

టెక్నికల్ వివరాలు

డిఫాల్ట్ విలువ: నాన్
వారుండివచ్చే విలువ: స్ట్రింగ్, దీనివల్ల ఎలిమెంట్ పై బార్డర్ స్టైల్ నిర్వచించబడుతుంది.
CSS వెర్షన్: CSS1

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు