Border Width
The Telerik and Kendo UI Border Width Utilities are a collection of CSS classes that enable you to control the border width of an element.
Applying Width to All Sides
Use the k-border
, k-border-0
, k-border-2
, k-border-4
, and k-border-8
utilities to apply the different border width sizes to an element.
Applying Width to Individual Sides
Use the k-border-{side}
, k-border-{side}-0
, k-border-{side}-2
, k-border-{side}-4
, and k-border-{side}-8
utilities to apply a different border width size to one side of an element. Replace {side}
with the desired side of the element, for example, use k-border-l
to set the border width of the left side.
Applying Width to the Left and Right Sides
Use the k-border-x
, k-border-x-0
, k-border-x-2
, k-border-x-4
, and k-border-x-8
utilities to apply a different border width size to the left and right sides of an element.
Applying Width to the Top and Bottom Sides
Use the k-border-y
, k-border-y-0
, k-border-y-2
, k-border-y-4
, and k-border-y-8
to apply a different border width size to the top and bottom sides of an element.