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

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

"border-left" Example

   <source lang="html4strict">
   

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

   border:5px solid #cccccc; 
   border-left:5px solid red; 

} .style2 {

   border:"none"; 

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

    Move your mouse in and out to see the style change
    

</body> </html>


     </source>
   
  


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

        <source lang="html4strict"> Note: Define three different border properties: color, width, and style.

        Syntax:

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


        </source>