twitter bootstrap - how to code different type of border in css? -

how code different type of border in css ?
want design group of border styles in html template . confused should add border css code under special css seletor such .hello , or should seperate border styles border css group. using sass+bootstrap now. want css export give me principle job.

<div class="box bodered">has border around box</div> <div class="box bodered dotted">border type dotted</div> <div class="box bodered type_1">border type image shadow effort</div>  <div class="box bordered top">only has border @ top</div> <div class="box bordered left">only has border @ left</div> <div class="box bordered right">only has border @ right</div> <div class="box bordered bottom">only has border @ bottom</div> 

       .box{ border-color:#000000;}        .bodered{ border:1px solid inherit;}        .dotted{ border-style:dotted;}        .top{border:none; border-top:1px solid #00000;}        .left{border:none;border-left:1px solid #00000;}        .right{border:none;border-right:1px solid #00000;}        .bottom{border:none;border-bottom:1px solid #00000;}