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

Border

configuration

The border of the QR code.

border

Object

<div id="qrCode"></div>
<script>
$("#qrCode").kendoQRCode({
  value: "https://demos.telerik.com/kendo-ui/",
  border: {
    color: "#000000",
    width: 3
  }
});
</script>

border.color

String

The color of the border. Accepts a valid CSS color string, including hex and rgb.

<div id="qrCode"></div>
<script>
$("#qrCode").kendoQRCode({
  value: "https://demos.telerik.com/kendo-ui/dataviz/overview/index.html",
  border: {
    color: "#FF321C",
    width: 2
  }
});
</script>

border.width

Number

The width of the border in pixels. By default the border width is set to zero which means that the border will not appear.

<div id="qrCode"></div>
<script>
$("#qrCode").kendoQRCode({
  value: "https://demos.telerik.com/kendo-ui/dataviz/overview/index.html",
  border: {
    width: 5,
    color: "#FF7D05"
  }
});
</script>