Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
all : Html.Styled.Attribute msg
All sides bordered.
top : Html.Styled.Attribute msg
Add top border.
bottom : Html.Styled.Attribute msg
Add bottom border.
left : Html.Styled.Attribute msg
Add left border.
right : Html.Styled.Attribute msg
Add right border.
none : Html.Styled.Attribute msg
Force all borders to be removed.
topNone : Html.Styled.Attribute msg
Force top border to be removed.
bottomNone : Html.Styled.Attribute msg
Force bottom border to be removed.
leftNone : Html.Styled.Attribute msg
Force left border to be removed.
rightNone : Html.Styled.Attribute msg
Force right border to be removed.
primary : Html.Styled.Attribute msg
Color borders with primary color
Note: Assumes the element has borders. You might want to use togther with all
secondary : Html.Styled.Attribute msg
Color borders with secondary color
Note: Assumes the element has borders. You might want to use togther with all
info : Html.Styled.Attribute msg
Color borders with info color
Note: Assumes the element has borders. You might want to use togther with all
success : Html.Styled.Attribute msg
Color borders with success color
Note: Assumes the element has borders. You might want to use togther with all
warning : Html.Styled.Attribute msg
Color borders with warning color
Note: Assumes the element has borders. You might want to use togther with all
danger : Html.Styled.Attribute msg
Color borders with danger color
Note: Assumes the element has borders. You might want to use togther with all
light : Html.Styled.Attribute msg
Color borders with light color
Note: Assumes the element has borders. You might want to use togther with all
dark : Html.Styled.Attribute msg
Color borders with dark color
Note: Assumes the element has borders. You might want to use togther with all
rounded : Html.Styled.Attribute msg
Give the element rounded corners (through border-radius)
roundedTop : Html.Styled.Attribute msg
Give element rounded top corners.
roundedBottom : Html.Styled.Attribute msg
Give element rounded bottom corners.
roundedLeft : Html.Styled.Attribute msg
Give element rounded left corners.
roundedRight : Html.Styled.Attribute msg
Give element rounded right corners.
roundedNone : Html.Styled.Attribute msg
Remove any border radius that might be set on the element.
circle : Html.Styled.Attribute msg
Turn your element into a circle.