Skip to main content

Borders

UIkit comes also with predefined CSS Classnames for Borders.

Rounded Borders​

To add rounded borders to an element, you can use the following CSS Classnames:
uk-border-rounded, uk-border-circle, uk-border-pill.

Usage​

    <!-- Rounded Border on Card Element -->
    <div class="uk-card uk-card-primary uk-border-rounded">
        <div class="uk-card-header">...</div>
        <div class="uk-card-body">...</div>
        <div class="uk-card-footer">...</div>
    </div>
    <!-- Rounded Border on Image Element -->
    <img class="uk-border-rounded" src="..." width="200" height="200" alt="Border rounded">

Learn more about Borders