Border

border の Utility クラスです。

デフォルト

デフォルトスタイルの border です。

方向

個別の方向に border を設定できます。

BorderWidth

border-width は ab-border-x で設定可能です。1px 単位で変化し、0 ~ 4 まで設定可能です。

BorderRadius

border-radius は none, xs, sm, md, lg の 5 種類あります。

• none: radius を利用したくない場合に使います
• xs: 〜16px に収まる範囲のものに主に使います
• sm: 16〜64px に収まる範囲のものに主に使います
• md: 64〜480px に収まる範囲のものに主に使います
• lg: 480px 以上のものに主に使います

また、方向も指定できます。

• t: 上
• r: 右
• b: 下
• l: 左
• tr: 右上
• br: 右下
• bl: 左下
• tl: 左上