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

నిర్వహణ మరియు వినియోగం

borderBottomStyle ఎలమెంట్ యొక్క క్రింది హెడర్ స్టైల్‌ను అమర్చండి లేదా తిరిగి పొందండి.

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

CSS పాఠ్యం:సిఎస్ఎస్ బార్డర్

CSS పరిశీలన హాండ్బుక్:border-bottom-style అట్రిబ్యూట్

HTML DOM పరిశీలన హాండ్బుక్:బార్డర్ అట్రిబ్యూట్

ఉదాహరణ

ఉదాహరణ 1

డివ్ ఎలమెంట్కు సొంతమైన క్రింది హెడర్ స్టైల్‌ను నిర్ధారించండి:

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

亲自试一试

ఉదాహరణ 2

డివ్ ఎలమెంట్ యొక్క క్రింది హెడర్ స్టైల్‌ను "dotted" గా మార్చండి:

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

亲自试一试

例子 3

返回

元素的下边框样式：

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

亲自试一试

例子 4

对所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

亲自试一试

语法

返回 borderBottomStyle 属性：

object.style.borderBottomStyle

设置 borderBottomStyle 属性：

object.style.borderBottomStyle = value

属性值

值 描述
none 定义无边框。默认。
hidden 与 "none" 相同，但在解决表格元素的边框冲突中除外。
dotted 定义点状边框。
dashed 定义虚线边框。
solid 定义实心边框。
double 定义两个边界。两个边框的宽度与 border-width 的值相同。
groove 定义 3D 凹槽边框。效果取决于 border-color విలువలు.
ridge 定义 3D 脊状边界。效果取决于 border-color విలువలు.
inset 定义 3D inset 边框。效果取决于 border-color విలువలు.
outset 定义 3D outset 边框。效果取决于 border-color విలువలు.
initial ఈ లక్షణాన్ని దాని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన తల్లి అంశం నుండి ఉంచుకోవడానికి. చూడండి: inherit.

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

అప్రమేయ విలువలు: none
తిరిగి వచ్చే విలువలు: పదబంధం, దానికి సంబంధించిన విధమైన అంశం క్రింది కిందవరి కాంతి స్థాయి ను సూచిస్తుంది.
CSS సంస్కరణలు: CSS1

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
1.0 5.5 1.0 1.0 9.2

పేర్కొనుటలు:IE7 మరియు ఆధికారిక సంస్కరణలు "hidden" విలువను మద్దతు చేయలేదు. IE9 మరియు ఆధికారిక సంస్కరణలు "hidden" విలువను మద్దతు చేస్తాయి.