# Customize Print Line Styles

## Content

SpreadJS provides CSS classes that let you customize the visual style of print-related lines in the worksheet. You can override these classes to change the line color and width for print preview lines, page break lines, and print area lines.

## Available CSS Classes

| CSS Class | Description |
| --------- | ----------- |
| `.sjs-print-line` | Controls the style of print preview lines. |
| `.sjs-print-page-break` | Controls the style of page break lines. |
| `.sjs-print-area` | Controls the style of print area lines. |

## Customize Line Color and Width

Override the corresponding CSS class and set `border-color` and `border-width`.

```css
.sjs-print-line {
    border-color: green;
    border-width: 2px;
}

.sjs-print-page-break {
    border-color: skyblue;
    border-width: 2px;
}

.sjs-print-area {
    border-color: pink;
    border-width: 2px;
}
```

The following image shows customized print-related lines.
![SpreadJS worksheet displays customized green, blue, and pink print-related lines styled through .sjs-print-line, .sjs-print-page-break, and .sjs-print-area CSS classes.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/image-20260709.e68ec2.png?width=400)

## Notes

* This customization is implemented through CSS.
* CSS-based print line customization is not imported or exported.