[CS2] Style Tags
Styles can be used inline in text to format it. For example, if you had a style called "red" which was defined to colorize the text red, then you could write:
this is <red>some red</red> text
And you would see:
Style tags can also nest so that you could write:
this is <red>some <big>big</big> red</red> text
And you would get:
Of course you'd need to create a style called "big" with a larger font size.
Overrides
Within a style tag you can override the default properties of any style right in the tag. For example, imagine you wish to underline the word "big" in the above example, but don't wish to make a whole new style for it. You could do:
this is <red>some <big underlineThickness="5" underlineColor="#00ff00">big</big> red</red> text
By adding underlineThickness="5" and underlineColor="#00ff00" to the big tag we have created a 5 pixel thick green underline!
Here is a table of all the tag overrides that exist:
| Name | Description | Example |
| dropShadow | Set to "true" if you want a drop shadow. | true |
| dropShadowAlpha | A percentage of opacity, defaults to 100. | 75 |
| dropShadowAngle | The angle you want the drop shadow from 0 to 359 degrees. | 45 |
| dropShadowBlur | The number of pixels of blurriness that should be created. More pixels is more blurry. | 3 |
| dropShadowColor | The color the shadow should cast. Must be a hex code starting with #. | #00ff00 |
| dropShadowDistance | The number of pixels away from the text the shadow should cast. | 5 |
| fill | The color of your font. Must be a hex code starting with #. | #000000 |
| fontFamily | The name of a font. | New Tegomin |
| fontScaleHeight | A percentage that the height should be scaled. 100 is normal. | 150 |
| fontScaleWidth | A percentage that the width should be scaled relative to the normal width of the font. 100 is normal. | 50 |
| fontSize | A font size in pixels. You can also use a % sign at the end and it will adjust the font size by a percentage relative to the current size. | 33 200% |
| fontVariant | Can only be "small-caps" or "normal". | small-caps |
| lineThroughColor |
The color of the line. Must be a hex code starting with #. Must also set a lineThroughThickness. | #ff0000 |
| lineThroughOffset |
The number of pixels to raise or lower the line. | -5 |
| lineThroughThickness | The number of pixels thick the line should be. | 3 |
| overlineColor | The color of the line. Must be a hex code starting with #. Must also set a overlineThickness. |
#313FD6 |
| overlineOffset | The number of pixels to raise or lower the line. | -2 |
| overlineThickness | The number of pixels thick the line should be. | 10 |
| padding | Set this to a number of extra pixels needed to show a font that isn't rendering correctly. | 10 |
| stroke | The color of your font's outline. Must be a hex code starting with #. | #781300 |
| strokeThickness | Set to the number of pixels thick you'd like an outline on your font. | 3 |
| textTransform | Must be one of "capitalize", "lowercase", "upercase", or "normal". | uppercase |
| valign | Must be one of "top", "middle", "bottom", "baseline". | bottom |
| underlineColor | The color of the line. Must be a hex code starting with #. Must also set a underlineThickness. | #008800 |
| underlineOffset | The number of pixels to raise or lower the line. | 5 |
| underlineThickness | The number of pixels thick the line should be. | 5 |