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

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

"border-style" Example

   <source lang="html4strict">
   

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

   border:5px solid #EEEEEE; 
   border-style:dashed; 

} .style2 {

   border:"none"; 

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


           Mouse in and out to see the style change.

</body> </html>


     </source>
   
  


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

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


        </source>