Template:Co/doc: Difference between revisions

(3 intermediate revisions by one other user not shown)

Line 3:

; Syntax

: {{T|Co|<text color>|<background color>|<text>}}

: {{T|Co|text color|background color|text}}

: {{T|Co|<text color>|<text>}}

: {{T|Co|text color|text}}

:; text color : Sets the text color. Default value is "inherit"<ref>inherit - The color used by the HTML parent element.</ref>. Colors can be given either by color name<ref>https://www.w3schools.com/cssref/css_colors.asp [2021-10-23]</ref> (e.g. {{Co|red|red}} or {{Co|green|green}}) or values<ref>https://www.w3schools.com/cssref/css_colors_legal.asp [2021-10-23]</ref> (like {{Co|#0000FF|#FF0000}}).

~~:; background color : Sets the background color. Default value is "inherit". For valid values see text color.~~

~~:; text : The text to be colored.~~

: Sample

:; Parameters

: {{code|<nowiki>{{co|red||This text isn't yellow.}}</nowiki>}} gives ...

::; text color : Sets the text color. Default value is "inherit"<ref>inherit - The color used by the HTML parent element.</ref>. Text color is passed through {{t|design var}} to automatically interpret and replace select color names with design variables. Colors can be given either by color name<ref>https://www.w3schools.com/colors/colors_names.asp [2022-05-29]</ref> (e.g. {{Co|red|red}} or {{Co|green|green}}) or values<ref>https://www.w3schools.com/colors/colors_hex.asp [2022-05-29]</ref> (like {{Co|#FF0000|#FF0000}}).

::; background color : Sets the background color. Default value is "inherit". For valid values see text color.

::; text : The text to be colored.

; Sample

: {{code|<nowiki>{{co|red|This text isn't yellow.}}</nowiki>}} gives ...

: {{co|red||This text isn't yellow.}}

Line 16:

Line 18:

: {{co||green|This text has a green background.}}<br>

: {{code|<nowiki>{{co|~~#0033CC~~||~~This text uses an HTML~~ color ~~code~~.}}</nowiki>}} gives ...

{{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.}}

: {{co|~~#0033CC~~||~~This text uses an HTML~~ color ~~code~~.}}

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

: {{co|black|lightyellow|Text and background color.}}

{{~~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~~.}}

: {{code|<nowiki>{{co|#0033CC|This text uses an hex color code.}}</nowiki>}} gives ...

: {{co|#0033CC||This text uses an hex color code.}}

; References

@@ Line 3: / Line 3: @@
 ; Syntax
-: {{T|Co|<text color>|<background color>|<text>}}
+: {{T|Co|text color|background color|text}}
-: {{T|Co|<text color>|<text>}}
+: {{T|Co|text color|text}}
-:; text color : Sets the text color. Default value is "inherit"<ref>inherit - The color used by the HTML parent element.</ref>. Colors can be given either by color name<ref>https://www.w3schools.com/cssref/css_colors.asp [2021-10-23]</ref> (e.g. {{Co|red|red}} or {{Co|green|green}}) or values<ref>https://www.w3schools.com/cssref/css_colors_legal.asp [2021-10-23]</ref> (like {{Co|#0000FF|#FF0000}}).
-:; background color : Sets the background color. Default value is "inherit". For valid values see text color.
-:; text : The text to be colored.
-: Sample
+:; Parameters
-: {{code|<nowiki>{{co|red||This text isn't yellow.}}</nowiki>}} gives ...
+::; text color : Sets the text color. Default value is "inherit"<ref>inherit - The color used by the HTML parent element.</ref>. Text color is passed through {{t|design var}} to automatically interpret and replace select color names with design variables. Colors can be given either by color name<ref>https://www.w3schools.com/colors/colors_names.asp [2022-05-29]</ref> (e.g. {{Co|red|red}} or {{Co|green|green}}) or values<ref>https://www.w3schools.com/colors/colors_hex.asp [2022-05-29]</ref> (like {{Co|#FF0000|#FF0000}}).
+::; background color : Sets the background color. Default value is "inherit". For valid values see text color.
+::; text : The text to be colored.
+; Sample
+: {{code|<nowiki>{{co|red|This text isn't yellow.}}</nowiki>}} gives ...
 : {{co|red||This text isn't yellow.}}
@@ Line 16: / Line 18: @@
 : {{co||green|This text has a green background.}}<br>
-: {{code|<nowiki>{{co|#0033CC||This text uses an HTML color code.}}</nowiki>}} gives ...
+{{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.}}
-: {{co|#0033CC||This text uses an HTML color code.}}
+: {{code|<nowiki>{{co|black|lightyellow|Text and background color.}}</nowiki>}} gives ...
+: {{co|black|lightyellow|Text and background color.}}
-{{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.}}
+: {{code|<nowiki>{{co|#0033CC|This text uses an hex color code.}}</nowiki>}} gives ...
+: {{co|#0033CC||This text uses an hex color code.}}
 ; References