border Object

The border of the QR code.

border.color String

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

Example

<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.

Example

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