Utilities

Border

Border utilities let you add and edit borders around any element. It allows you to change border direction, width and colour.

Border direction

By using classes ecl-u-border-* you can draw a border on an item. Available directions are:

  • all
  • top
  • right
  • bottom
  • left

Border width

By using classes ecl-u-border-width-* you can change the width of a border. Available width are (in px):

  • 1
  • 2
  • 4
  • 8
  • 0

Border colour

By using classes ecl-u-border-color-* you can set the colour of the border. Available colours are:

Border style

By using classes ecl-u-border-style-* you can change the style of the border. Available styles are:

  • solid
  • dashed
  • dotted

Border radius

By using classes ecl-u-border-radius-* you can change the corner radius. Available width are (in px):

  • 1
  • 2
  • 4
  • 8
  • 0