HTML CSS Reference/CSS Attributes and Javascript Style Properties/border top style
Содержание
"border-top-style" Example
<html>
<head>
<style>
.style1 {
border:5px solid #EEEEEE;
border-top-style:dashed;
font-weight:bold
}
.style2 {
border:"none";
font-family:verdana;
}
</style>
</head>
<body>
<div id="myL"
style="width:230;
height:100;
background-color:beige"
onmouseover="this.className="style1""
onmouseout="this.className="style2"">Move mouse in and out.
</div>
</body>
</html>
"border-top-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-top-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-top-style" Syntax and Note
Note:
Define the styles for the top border.
Syntax:
element { border-top-style: value }
elementID.style.borderTopStyle = "value"
document.all.elementID.style.borderTopStyle = "value" // IE only