2 #Border Border

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Border

-sf-border-top, -sf-border-bottom, -sf-border-lighter, -sf-border-lightest

.-sf-border-top
.-sf-border-bottom
.-sf-border-left
.-sf-border-right
.-sf-border-lighter
.-sf-border-lightest
Html
    <div class="-sf-border-top">.-sf-border-top</div>
    <div class="-sf-border-bottom">.-sf-border-bottom</div>
    <div class="-sf-border-left">.-sf-border-left</div>
    <div class="-sf-border-right">.-sf-border-right</div>
    <div class="-sf-border-bottom -sf-border-lighter">.-sf-border-lighter</div>
    <div class="-sf-border-bottom -sf-border-lightest">.-sf-border-lightest</div>