Template:Syntax highlight/doc

This is a documentation subpage for Template:Syntax highlight.
Don't forget to purge the contents of the base page upon creating or editing this subpage.

Purge base's cache

This template applies CSS to text to signify it is a certain category, such as a comment, type, string, etc. the CSS here is taken from how <syntaxhighlight> renders code. On VDC, syntax highlighting has filter: invert(100) hue-rotate(180deg); applied, this effect has been manually recreated here by following the official specification. Note that embedding this template within a <pre> element will rotate the hue again, which should be avoided. Instead, place this template in {{code}} or {{codeblock}}.

Usage

{{Syntax highlight|category|text}}

Supported Categories

Uses	Example	Shortcuts	Preview
Character/String	{{syntax highlight|character|'x'}} {{syntax highlight|string|"Hello, World!"}}	{{stx|char|'x'}} {{stx|str|"Hello, World!"}}	'x'
Comment	{{syntax highlight|comment|//comment}}	{{stx|comm|//comment}}	//comment
Control	{{syntax highlight|control|if}}	{{stx|ctrl|if}}	if
Function	{{syntax highlight|function|main}}	{{stx|func|main}}	main
Label	{{syntax highlight|label|final}}	{{stx|lbl|final}}	final
Macro	{{syntax highlight|macro|#define}}	{{stx|mac|#define}}	#define
Number/Operator	{{syntax highlight|number|3.0f}} {{syntax highlight|operator|+}}	{{stx|no|3.0f}} {{stx|op|+}}	3.0f
Register	{{syntax highlight|register|%rax}}	{{stx|reg|%rax}}	%rax
Regular Expression	{{syntax highlight|regular expression|/a*b+/}}	{{stx|regex|/a*b+/}}	/a*b+/
Type	{{syntax highlight|type|unsigned int}}	{{stx|type|unsigned int}}	unsigned int