HTML CSS Reference/CSS Attributes and Javascript Style Properties/border right style

Материал из Web эксперт
Перейти к: навигация, поиск

"border-right-style" Example

    
<html>
<head>
<style>
.style1 { 
    border:5px solid #cccccc; 
    border-right-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"">
            
            Move your mouse in and out to see the style change.
            
</div>
</body>
</html>



"border-right-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-right-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-right-style" Syntax and Note

Note:
Define the styles for the right border.
Syntax:
    
element { border-right-style: value }
elementID.style.borderRightStyle = "value"
document.all.elementID.style.borderRightStyle = "value" // IE only