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

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

"border-left-style" Example

   <source lang="html4strict">
   

<html> <head> <style> .style1 {

   border:5px solid #cccccc; 
   border-left-style:dashed; 

} .style2 {

   border:"none"; 

} </style> </head> <body>

           Move your mouse in and out to see the style change.
           

</body> </html>


     </source>
   
  


"border-left-style" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | | |

| |
|

| |<body> <button> |

| |
|

| | | | |<custom>

| | |defaults | | | <dir> |

| |
|

| |

| | |<embed> <fieldset> | | | <form> | | |<frame> <hn> | | | <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"> | | |<isindex> |

| |<label>
  • | | |<listing> <marquee> | | |<menu> <nobr> | | |<object>
      | | |

                               |
      |                |                             runtimeStyle                  |
      |                |                                                     |
      |                |                                                 |
      |                |                                              |
      |                |style                                                    |
      |                |                                                  |
      |                |
      <textarea> | | | | | |
        | | | <xmp> | +----------------+--------------------------------------------------------------+ </source>

        "border-left-style" Possible Values

        <source lang="html4strict"> 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

        </source>



        "border-left-style" Syntax and Note

        <source lang="html4strict"> Note: Define the styles for the left border. Syntax:

        element { border-left-style: value } elementID.style.borderLeftStyle = "value" document.all.elementID.style.borderLeftStyle = "value" // IE only


        </source>