border.md

Border Color

• .border-color-inherit
• .border-color-transparent
• .border-color-{COLOR}
• .border-color-{COLOR}-{VARIATION-TAG}
• .border-color-{COLOR}-{CONDITION}
• .border-color-{COLOR}-{VARIATION-TAG}-{CONDITION}

For color syntax, view color declarations

Border Style

• .border-style-none
• .border-style-hidden
• .border-style-dotted
• .border-style-dashed
• .border-style-solid
• .border-style-double
• .border-style-groove
• .border-style-ridge
• .border-style-inset
• .border-style-outset

Can also be specific to a side. for example for .border-style-solid

• .border-style-solid-left
• .border-style-solid-bottom
• .border-style-solid-right
• .border-style-solid-top
• .border-style-solid-x
• .border-style-solid-y

Border Width

• .border-width-thin
• .border-width-medium
• .border-width-thick

Can also be specific to a side. for example for .border-width-thick

• .border-width-thick-left
• .border-width-thick-bottom
• .border-width-thick-right
• .border-width-thick-top
• .border-width-thick-x
• .border-width-thick-y

To reset borders view Reset Borders

Reset borders

• .no-border

  No border on all sides

• .no-border-x

  No border on left and right sides

• .no-border-y

  No border on top and bottom sides

• .no-border-top

  No border on the top

• .no-border-bottom

  No border on the bottom

• .no-border-left

  No border on the left

• .no-border-right

  No border on the right

More info on the css property

Back to TOC