# Time Ruler Node

Learn how to implement visual styles properties for Time Ruler node in the C1Scheduler application.

## Content

Through the **Time Ruler** setting of the **Visual Style** dialog box, you can set the font and border properties for the time ruler.

![](https://cdn.mescius.io/document-site-files/images/675b9aff-7616-4324-81ac-58e410fb9531/images/timeruler-node.png)

The following properties are available through the **Time Ruler** setting:

| Tab | Property | Description |
| --- | -------- | ----------- |
| @rows=4:**Time Ruler** | Show minute line | Displays the minute line when checked. |
| Hours font | Sets the font for the hours. |
| Minutes font | Sets the font for the minutes. |
| Time format | Sets the format for the time. Available formats include:<ul><li><b>T</b> \- Displays the hour\, minute\, and second range\, as well as the A\.M\./P\.M\. designator\. For example\, <b>8:00:00 AM</b>.</li><li><b>t</b> \- Displays the hour and minute range\. For example\, <b>8:00</b>.</li><li><b>h mm</b> \- Displays the hour in the range 0\-23 and the minute in the range 0\-59\. If the minute is a single digit \(0\-9\)\, it is formatted with a preceding 0 \(01\-09\)\. For example\, <b>8 00</b>.</li><li><b>h tt</b> \- Displays the hour in the range 1\-12 and the A\.M\./P\.M\. designator\. For example\, <b>8 AM</b>.</li></ul> |
| @rows=5:**Appearance** | Text color | Sets the text color for the time ruler. |
| Padding | Sets the padding around the time text. |
| Border | Sets the border width for the time ruler. |
| Border color | Sets the border color for the time ruler. |
| Alignment | Sets the alignment for the time ruler text. |
| @rows=7:**Background** | Background color | Sets the background color for the time ruler. |
| Gradient color | Sets the background gradient color. |
| Gradient | Sets the background gradient mode. |
| Gamma correction | Applies gamma correction to the background gradient when checked. |
| Gradient center | Sets the center of the gradient background. |
| Gradient blend | Sets the Drawing.Drawing2D.Blend used to paint the background gradient. |
| Image | Sets the background image. |

## See Also

[Current Time Node](/componentone/docs/win/online-schedule/concepts/appearance-styling/c1schedulevisualstyl/dayviewnode/timerulernode/currenttimenode)