Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Co/doc: Difference between revisions

Template page
m Fix typo. Add Parameter section.
m | are no brackets.
Line 18: Line 18:
: {{co||green|This text has a green background.}}<br>
: {{co||green|This text has a green background.}}<br>


{{Note|Note the double brackets <nowiki>||</nowiki> which means that that section is empty. The background color parameter may be safely omitted without the use of double brackets, but double brackets must be used if only a background color is desired.}}
{{Note|Note the double pipe char <nowiki>||</nowiki> which means that that section is empty. The background color parameter may be safely omitted without the use of double pipes, but double pipes must be used if only a background color is desired.}}


: {{code|<nowiki>{{co|black|lightyellow|Text and background color.}}</nowiki>}} gives ...
: {{code|<nowiki>{{co|black|lightyellow|Text and background color.}}</nowiki>}} gives ...

Revision as of 08:49, 1 July 2024

Description
This template is used to color some text.
Syntax
{{Co|<text color>|<background color>|<text>}}
{{Co|<text color>|<text>}}
Parameters
text color
Sets the text color. Default value is "inherit"[1]. Colors can be given either by color name[2] (e.g. red or green) or values[3] (like #FF0000).
background color
Sets the background color. Default value is "inherit". For valid values see text color.
text
The text to be colored.
Sample
{{co|red|This text isn't yellow.}}
gives ...
This text isn't yellow.
{{co||green|This text has a green background.}}
gives ...
This text has a green background.

Note: Note the double pipe char || which means that that section is empty. The background color parameter may be safely omitted without the use of double pipes, but double pipes must be used if only a background color is desired.

{{co|black|lightyellow|Text and background color.}}
gives ...
Text and background color.
{{co|#0033CC|This text uses an hex color code.}}
gives ...
This text uses an hex color code.
References
  1. ^ inherit - The color used by the HTML parent element.
  2. ^ https://www.w3schools.com/colors/colors_names.asp [2022-05-29]
  3. ^ https://www.w3schools.com/colors/colors_hex.asp [2022-05-29]