These border classes can be applied to <section>, <div>, <span>, <th>, <td>, as well as textual elements. The examples below use <div> containers for reference.




Example: Border Solid

Border Solid Top
(.bt-1)


Border Solid Bottom
(.bb-1)


Border Solid Start
(.bs-1)


Border Solid End
(.be-1)


Border Solid All
(.b-1)


Copy
                                    
                                        <div class="bt-1">Content</div>
<div class="bb-1">Content</div>
<div class="bs-1">Content</div>
<div class="be-1">Content</div>
<div class="b-1">Content</div>



Example: Border Dashed

Border Dashed Top
(.bt-da-1)


Border Dashed Bottom
(.bb-da-1)


Border Dashed Start
(.bs-da-1)


Border Dashed End
(.be-da-1)


Border Dashed All
(.b-da-1)


Copy
                                    
                                        <div class="bt-da-1">Content</div>
<div class="bb-da-1">Content</div>
<div class="bs-da-1">Content</div>
<div class="be-da-1">Content</div>
<div class="b-da-1">Content</div>



Example: Border Dotted

Border Dotted Top
(.bt-do-1)


Border Dotted Bottom
(.bb-do-1)


Border Dotted Start
(.bs-do-1)


Border Dotted End
(.be-do-1)


Border Dotted All
(.b-do-1)


Copy
                                    
                                        <div class="bt-do-1">Content</div>
<div class="bb-do-1">Content</div>
<div class="bs-do-1">Content</div>
<div class="be-do-1">Content</div>
<div class="b-do-1">Content</div>



Example: Border None

Border None Top
(.bt-0)


Border None Bottom
(.bb-0)


Border None Start
(.bs-0)


Border None End
(.be-0)


Border None All
(.b-0)


Copy
                                    
                                        <div class="bt-0">Content</div>
<div class="bb-0">Content</div>
<div class="bs-0">Content</div>
<div class="be-0">Content</div>
<div class="b-0">Content</div>



Example: Border Solid

Border Solid Top
(.bt-1-d-dark)


Border Solid Bottom
(.bb-1-d-dark)


Border Solid Start
(.bs-1-d-dark)


Border Solid End
(.be-1-d-dark)


Border Solid All
(.b-1-d-dark)


Copy
                                    
                                        <div class="bt-1-d-dark">Content</div>
<div class="bb-1-d-dark">Content</div>
<div class="bs-1-d-dark">Content</div>
<div class="be-1-d-dark">Content</div>
<div class="b-1-d-dark">Content</div>


© Interactive Brokers LLC