HTML CSS Reference/CSS Attributes and Javascript Style Properties/border bottom style
Содержание
"border-bottom-style" Example
<html>
<head>
<style>
.style1 {
border:5px solid #cccccc;
border-bottom-style:dashed;
font-family:verdana;
font-weight:bold
}
.style2 {
border:"none";
font-family:verdana;
font-weight:bold
}
</style>
</head>
<body>
<div id="myL"
style="width:230;
height:100;
background-color:beige"
onmouseover="this.className="style1""
onmouseout="this.className="style2"">
Move your mouse in and out the see the style change.
</div>
</body>
</html>
"border-bottom-style" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <acronym> |
| |<b> <bdo> |
| |<big> <blockquote> |
| |<body> <button> |
| |<caption> <center> |
| |<cite> <code> |
| |<custom> <dd> |
| |defaults <del> |
| |<dfn> <dir> |
| |<div> <dl> |
| |<dt> <em> |
| |<embed> <fieldset> |
| |<font> <form> |
| |<frame> <hn> |
| |<i> <img> |
| |<input type="button"> <input type="checkbox"> |
| |<input type="file"> <inputtype="image"> |
| |<input type="password"> <input type="radio"> |
| |<input type="reset"> <input type="submit"> |
| |<input type="text"> <ins> |
| |<isindex> <kbd> |
| |<label> <li> |
| |<listing> <marquee> |
| |<menu> <nobr> |
| |<object> <ol> |
| |<p> <pre> |
| |<q> runtimeStyle |
| |<s> <samp> |
| |<small> <span> |
| |<strike> <strong> |
| |style <sub> |
| |<sup> <table> |
| |<td> <textarea> |
| |<th> <tt> |
| |<u> <ul> |
| |<var> <xmp> |
+----------------+--------------------------------------------------------------+
"border-bottom-style" Possible Values
Possible Values
none Default value; no border is drawn
dashed Dashed line
dotted Dotted line
double Double line (minimum size is 3px wide)
groove 3D groove
inset 3D inset
outset 3D outset
ridge 3D ridge
solid Solid line
"border-bottom-style" Syntax and Note
Note:
Define the styles for the bottom border.
Syntax:
element { border-bottom-style: value }
elementID.style.borderBottomStyle = "value"
document.all.elementID.style.borderBottomStyle = "value" // IE only