sheets.rows.cells.borderTopObject

The style information for the top border of the cell.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    sheets: [{
      rows: [{
        cells: [{
          value: "Cell",
          borderTop: {
            color: "#ff00ff",
            size: "3px"
          }
        }]
      }]
    }]
  });
</script>

sheets.rows.cells.borderTop.colorString

The top border color of the cell. Many standard CSS formats are supported. However, the canonical form is #ccff00.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    sheets: [{
      rows: [{
        cells: [{
          value: "Cell",
          borderTop: {
            color: "#ff6600"
          }
        }]
      }]
    }]
  });
</script>

sheets.rows.cells.borderTop.sizeString

The width of the border in pixels.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    sheets: [{
      rows: [{
        cells: [{
          value: "Cell",
          borderTop: {
            size: "4px"
          }
        }]
      }]
    }]
  });
</script>