New to Kendo UI for jQuery? Start a free 30-day trial

Border

configuration

The border of the barcode area.

border

Object

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
  value:"123456",
  width: 300,
  border: {
    width: 2,
    dashType: "solid",
    color: "black"
  }
});
</script>

border.color

String

The color of the border. Any valid CSS color string will work here, including hex and rgb.

Default: "black"

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
    width: 300,
    value: "123456",
    border: {
        color: "red"
    }
});
</script>

border.dashType

String

The dash type of the border.

Default: "solid"

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
    width: 300,
    value: "123456",
    border: {
        dashType: "dash"
    }
});
</script>

border.width

Number

The width of the border.

Default: 0

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
    width: 300,
    value: "123456",
    border: {
        width: 2
    }
});
</script>