HTML CSS Reference/CSS Attributes and Javascript Style Properties/border style
Версия от 09:21, 26 мая 2010; (обсуждение)
Содержание
"border-style" Example
<html>
<head>
<style>
.style1 {
border:5px solid #EEEEEE;
border-style:dashed;
}
.style2 {
border:"none";
}
</style>
</head>
<body>
<div id="myL"
style="width:230;
height:100;
background-color:beige"
onmouseover="this.className="style1""
onmouseout="this.className="style2"">
Mouse in and out to see the style change.
</div>
</body>
</html>
"border-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-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-style" Syntax and Note
Note:
Defines the style for all sides of the border.
Syntax:
element { border-style: value }
elementID.style.borderStyle = "value"
document.all.elementID.style.borderStyle = "value" // IE only