Outline Color

Example Code

<!-- Codes by HTMLmagics -->
<p style="outline-width:1px;outline-style:solid;outline-color:#DA70D6;">Text outline color defined using 'outline-width', 'outline-style', and 'outline-color'.</p>
<p style="outline:1px solid #DA70D6;">Text outline color defined using the shorthand 'outline' property.</p>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/color/html-color-codes.cfm">HTML color codes</a></p>



Result

Text outline color defined using 'outline-width', 'outline-style', and 'outline-color'.

Text outline color defined using the shorthand 'outline' property.

HTML color codes

Border Color

Example Code




<!-- Codes by HTMLmagics-->
<p style="border-width:1px;border-style:solid;border-color:#DA70D6;">Text border color defined using 'border-width', 'border-style', and 'border-color'.</p>
<p style="border:1px solid #DA70D6;">Text border color defined using the shorthand 'border' property.</p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/color/html-color-codes.cfm">HTML color codes</a></p>


Result

Text border color defined using 'border-width', 'border-style', and 'border-color'.

Text border color defined using the shorthand 'border' property.

Background Color

Example Code




<!-- Codes by HTMLmagics -->
<p style="background-color:yellow;">Background color defined using the color name.</p>
<p style="background-color:#ffff00;">Background color defined using its hexadecimal value.</p>
<p style="background-color:#ff0;">Background color defined using its shorthand hexadecimal value.</p>
<p style="background-color:rgb(255,255,0);">Background color defined using the RGB color value.</p>
<p style="background-color:rgb(100%,100%,0%);">Background color defined using the RGB color percentage value.</p>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/color/html-color-codes.cfm">HTML color codes</a></p>


Result

Background color defined using the color name.

Background color defined using its hexadecimal value.

Background color defined using its shorthand hexadecimal value.

Background color defined using the RGB color value.

Background color defined using the RGB color percentage value.

HTML color codes

HTML Color Examples

Example Code




<!-- Codes by HTMLmagics -->
<p style="color:blue;">Text color defined using the color name.</p>
<p style="color:#0000ff;">Text color defined using its hexadecimal value.</p>
<p style="color:#00f;">Text color defined using its shorthand hexadecimal value.</p>
<p style="color:rgb(0,0,255);">Text color defined using the RGB color value.</p>
<p style="color:rgb(0%,0%,100%);">Text color defined using the RGB color percentage value.</p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/color/html-color-codes.cfm">HTML color codes</a></p>


Result

Text color defined using the color name.

Text color defined using its hexadecimal value.

Text color defined using its shorthand hexadecimal value.

Text color defined using the RGB color value.

Text color defined using the RGB color percentage value.