nixCodeX / elm-bootstrap / Bootstrap.Utilities.Border

Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

Additive

all : Html.Attribute msg

All sides bordered.

top : Html.Attribute msg

Add top border.

bottom : Html.Attribute msg

Add bottom border.

left : Html.Attribute msg

Add left border.

right : Html.Attribute msg

Add right border.

Subtractive

none : Html.Attribute msg

Force all borders to be removed.

topNone : Html.Attribute msg

Force top border to be removed.

bottomNone : Html.Attribute msg

Force bottom border to be removed.

leftNone : Html.Attribute msg

Force left border to be removed.

rightNone : Html.Attribute msg

Force right border to be removed.

Colored

primary : Html.Attribute msg

Color borders with primary color

Note: Assumes the element has borders. You might want to use togther with all

secondary : Html.Attribute msg

Color borders with secondary color

Note: Assumes the element has borders. You might want to use togther with all

info : Html.Attribute msg

Color borders with info color

Note: Assumes the element has borders. You might want to use togther with all

success : Html.Attribute msg

Color borders with success color

Note: Assumes the element has borders. You might want to use togther with all

warning : Html.Attribute msg

Color borders with warning color

Note: Assumes the element has borders. You might want to use togther with all

danger : Html.Attribute msg

Color borders with danger color

Note: Assumes the element has borders. You might want to use togther with all

light : Html.Attribute msg

Color borders with light color

Note: Assumes the element has borders. You might want to use togther with all

dark : Html.Attribute msg

Color borders with dark color

Note: Assumes the element has borders. You might want to use togther with all

Border radius

rounded : Html.Attribute msg

Give the element rounded corners (through border-radius)

roundedTop : Html.Attribute msg

Give element rounded top corners.

roundedBottom : Html.Attribute msg

Give element rounded bottom corners.

roundedLeft : Html.Attribute msg

Give element rounded left corners.

roundedRight : Html.Attribute msg

Give element rounded right corners.

roundedNone : Html.Attribute msg

Remove any border radius that might be set on the element.

circle : Html.Attribute msg

Turn your element into a circle.