AAtomic CSS

border-right-width

Sets only the right border thickness. Used for sidebar dividers, vertical dividers, navigation borders.

Class List

Pattern-based class. Use brw{N}px format.

ClassCSSDescription
brw1pxborder-right-width: 1pxRight border thickness 1px
brw2pxborder-right-width: 2pxRight border thickness 2px
brw3pxborder-right-width: 3pxRight border thickness 3px
brw4pxborder-right-width: 4pxRight border thickness 4px

Visual Comparison

Visually compares various border-right-width values.

1px — brw1px

1px

2px — brw2px

2px

3px — brw3px

3px

4px — brw4px

4px

Usage Examples

<!-- Sidebar right divider -->
<div class="df">
  <aside class="brw1px br1pxsolid27272A p2rem w25rem cA1A1AA">
    Sidebar
  </aside>
  <main class="p2rem fg1 cFAFAFA">
    Main Content
  </main>
</div>

<!-- Vertical divider -->
<div class="df aic gap2rem">
  <span class="cFAFAFA">Item A</span>
  <span class="brw2px br1pxsolid27272A h2rem"></span>
  <span class="cFAFAFA">Item B</span>
</div>

Tips &amp; Notes

border-style required

brw{N}px alone won't show border. Use with border shorthand or style class.

RTL layout caution

In RTL layouts, brw may visually appear on the left. Logical properties require separate handling.

border-widthborderborder-radius