border-left-style | |
Syntax: border-left-style: dotted | dashed | solid | double | groove | ridge | inset | window-inset (only IE) | outset | none |
<style type="text/css"> .demo1 { border-width: 3px; border-color: #FF0000; border-left-style: dotted; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo1"></div> |
|
<style type="text/css"> .demo2 { border-width: 3px; border-color: #FF0000; border-left-style: dashed; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo2"></div> |
|
<style type="text/css"> .demo3 { border-width: 3px; border-color: #FF0000; border-left-style: solid; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo3"></div> |
|
<style type="text/css"> .demo4 { border-width: 3px; border-color: #FF0000; border-left-style: double; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo4"></div> |
|
<style type="text/css"> .demo5 { border-width: 3px; border-color: #FF0000; border-left-style: groove; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo5"></div> |
|
<style type="text/css"> .demo6 { border-width: 3px; border-color: #FF0000; border-left-style: ridge; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo6"></div> |
|
<style type="text/css"> .demo7 { border-width: 3px; border-color: #FF0000; border-left-style: inset; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo7"></div> |
|
<style type="text/css"> .demo8 { border-width: 3px; border-color: #FF0000; border-left-style: window-inset; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo8"></div> |
|
<style type="text/css"> .demo9 { border-width: 3px; border-color: #FF0000; border-left-style: outset; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo9"></div> |
|
<style type="text/css"> .demo10 { border-width: 3px; border-color: #FF0000; border-left-style: none; background-color: #00FF00; width: 200px; height: 50px; } </style> <div class="demo10"></div> |