Appendix
New HTML 5 Tags
New Tags in HTML5
| Tag | Description |
|---|---|
| <article> | The article element represents an independent section of a document, page or site. It is suitable for content like news or blog articles, forum posts or individual comments. |
| <aside> | The aside element is for content that is tangentially related to the content around it, and is typically useful for marking up sidebars. |
| <audio> | Defines audio content, such as music or other audio streams. Text coded between the opening and closing audio tag will be displayed in browsers that does not support the audio element. |
| <canvas> | Defines an article |
| <command> | Defines an article |
| <datalist> | Defines an article |
| <details> | Defines an article |
| <embed> | Defines an article |
| <figcaption> | Defines an article |
| <figure> | Defines an article |
| <footer> | Defines an article |
| <header> | Defines an article |
| <hgroup> | Defines an article |
| <keygen> | Defines an article |
| <mark> | Defines an article |
| <meter> | Defines an article |
| <nav> | Defines an article |
| <output> | Defines an article |
| <progress> | Defines an article |
| <rp> | Defines an article |
| <rt> | Defines an article |
| <section> | Defines an article |
| <source> | Defines an article |
| <summary> | Defines an article |
| <time> | Defines an article |
| <video> | Defines an article |
| <wbr> | Defines an article |
TOP | NEXT: HTML Reference
HTML Reference
HTML Reference
Comments - TOP
!
!
Precedes a tag name or attribute to temporarily keep it from displaying in the browser; e.g.,
<!hr width="50%"> or <hr !width="50%">
Comments
<!-- -->
Encloses one or lines of text commentary to identify or provide explanation about the XHTML code. Comments are not displayed in the browser.
<!-- This is a comment -->
XML Declaration
<?xml ...?> version="version" encoding="Unicode coding system"
Indicates that the page is an XML document and gives the XML version and Unicode coding system used for encoding the document. Must appear as the first line in the document.
<?xml version="1.0" encoding="UTF-8"?>
DocType Declarations (DTDs)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Gives the Document Type Definition against which the page is validated. Optional if document is not to be validated against XHTML standards published by the World Wide Web Consortium (W3C).
Page Structure - TOP
The HTML Tag
<html>...</html>
xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
Encloses all HTML code. The xmlns attribute is the URL for the XML namespace upon which the code is based, along with the language in which the page is written.
The HEAD Tag
<head>...</head> <title>...</title> <link/> <style type="text/css">...</style> <meta/>
Container for other HTML elements not directly displayed on the page. Typically enclosed tags to provide a document title, to link to or define style sheets, or to automatically redirect to other pages.
The TITLE Tag
<title>...</title>
Gives the document a title that appears in the browser's title bar.
<title>My Web Page</title>
The BODY Tag
<body>...</body> [Deprecated Attributes] background="image url" bgcolor="color" text="color" link="color" alink="color" vlink="color"
Encloses all XHTML and content that appears in the browser window. Attributes set the background image (background) or background color (bgcolor) for the page, along with the color of text (text), unvisited links (link), visited links (vlink), and active, or clicked, links (alink). The color is given as:
| color name | A color name. |
| #rrggbb | A hexadecimal value (00 to FF) for red, green, and blue hues. |
| rgb(r g b) rgb(r% g% b%) |
Decimal values (0 to 255) or percentages (0% to 100%) for red, green, and blue hues. |
<body [bgcolor="#FFFFFF" text="#000000" alink="#FF0000"]>
Break Tags
<br/>
Creates a line break with following text appearing on the immediate next line.
Horizontal Rules
<hr/> id="id" [Deprecated Attributes] align="left|center|right" width="n|n%" size="n"
Draws a horizontal rule across the page, blocked at the left or right margin, or centered. Width of rule is given as pixels or percentage of the width of the browser window; size, or height, of rule is given in pixels.
<hr [width="50%" size="3" align="center"]/>
Containers - TOP
Paragraph Tags
<p>...</p> id="id" [Deprecated Attributes] align="left|center|right|justify"
Surrounds text to format as a paragraph with single blank lines before and after. Alignment specifies if lines are blocked left, centered, blocked right, or expanded between the margins of the page.
<p [align="right"]>Text paragraph.</p>
Block Quotes
<blockquote>...</blockquote> id="id"
Surrounds text to format as an indented paragraph with single blank lines before and after. Blockquotes can be nested for further offset and indention.
<blockquote>Text paragraph.</blockquote>
Span Tags
<span>...</span> id="id"
Encloses text and other HTML elements, normally to apply style specification; an in-line element that does not cause a line break.
<span style="font-family:impact">Text string</span>
Divison DIV Tags
<div>...</div> id="id"
Encloses text and other HTML elements, normally to apply style specifications; a block-level element that causes a line break before and after. Alignment of elements inside the division can be given by the align attribute.
<div style="font-family:arial; margin-left:25px; text-align:left"> Text Images XHTML tags </div>
The PRE Tag
<pre>...</pre> id="id"
Encloses text for display in a monospace font with character and line spacing rendered as it appears in a text editor.
Text Styles - TOP
Logical Styles
| <abbr>abbreviation</abbr> | abbreviation |
| <acronym>acronym</acronym> | acronym |
| <cite>citation</cite> | citation |
| <code>code</code> | code |
| <dfn>definition</dfn> | definition |
| <em>emphasis</em> | emphasis |
| <strong>strong</strong> | strong |
| <kbd>keyboard</kbd> | keyboard |
| <samp>sample</samp> | sample |
| <var>variable</var> | variable |
Physical Styles
| <big>big</big> | big |
| <b>bold</b> | bold |
| <i>italic</i> | italic |
| <small>small</small> | small |
| <tt>typewriter</tt> | typewriter |
| <sub>subscript</sub> | subscript |
| <sup>superscript</sup> | superscript |
| <s>strikeout</s> (deprecated) | |
| <u>underscore</u> (deprecated) | underscore |
Heading Tags
<hn>...</hn> id="id" [Deprecated Attributes] align="left|center|right|justify"
Predefined heading styles (1 to 6). Inserts blank lines before and after the heading line. Can be aligned to the left or right page margin or centered horizontally.
<h1>This is Heading Level 1</h1> <h2>This is Heading Level 2</h2> <h3>This is Heading Level 3</h3> <h4>This is Heading Level 4</h4> <h5>This is Heading Level 5</h5> <h6>This is Heading Level 6</h6>
FONT Tag (deprecated)
<font>...</font> [Deprecated Tag] [Deprecated Attributes] face="font names" size="n" color="color"
Sets font face, size, and/or color of enclosed text. Up to three system font face names can be supplied, separated with commas. First encountered face is applied. Size of font can range from 1 (smallest) to 7 (largest). The color is given as:
| color name | A color name. |
| #rrggbb | A hexadecimal value (00 to FF) for red, green, and blue hues. |
| rgb(r g b) rgb(r% g% b%) |
Decimal values (0 to 255) or percentages (0% to 100%) for red, green, and blue hues. |
STYLE Tag
<style type="text/css">
selector {property:value [; property:value] ...}
</style>
Defines an embedded style sheet for the page, usually appearing in the <head> section of the page. Tag encloses style specifications where selectors identify simple tags, multiple tags, tag IDs, contextual tags, or style classes; properties and values supply styling characteristics to the selectors. Properties and values are separated by semicolons and enclosed within braces.
Tag selectors are tag names without enclosing "<" or ">" characters. Multiple tags to which the style applies are separated by commas. ID selectors apply to tags with id identifications. Contextual selectors are separated by spaces and apply to tags within tags. Class selectors are in the format .classname. Classes are applied to tags by coding class="classname" inside the opening tag.
<style type="text/css">
h1 {font-family:impact; font-size:18pt; color:#0000FF}
h2, h3 {font-family:impact; color:#0000FF}
h1#ID {font-family:impact; font-size:12pt; color:#FF0000}
ul li {list-item-style:circle}
.code {font-family:courier new; font-size:9pt}
</style>
Lists - TOP
Unordered Lists
<ul>
id="id"
[Deprecated Attributes]
type="disc|square|circle"
<li>list item</li>
id="id"
</ul>
An "unordered" list of bulleted items marked with a disc, square, or circle for each nested level or as given by the type attribute. Items in the list are identified by enclosing <li> tags.
| <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> |
|
Ordered Lists
<ol>
id="id"
[Deprecated Attributes]
start="n"
type="1|A|a|I|i"
<li>list item</li>
id="id"
</ol>
An "ordered" list of sequentially numbered items marked with Arabic numerals (1), upper-case alpabetic characters (A), lower-case alphabetic characters (a), upper-case Roman numerals (I), or lower-case Roman numerals (i). The beginning number in the sequence can be specified with the start attribute. Items in the list are identified by enclosing <li> tags.
| <ol type="a"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> |
|
Description Lists (aka Definition Lists)
<dl>
id="id"
<dt>term</dt>
id="id"
<ddgt;definition</dd>
id="id"
</dl>
A "definition" list of terms <dt> and definitions <dd>. Definitions are indented and wrapped beneath the terms.
| <dl> <dt>Term 1</dt> <dd>This is an indented paragraph containing the definition for Term 1.</dd> <dt>Term 2</dt> <dd>This is an indented paragraph containing the definition for Term 2.</dd> </dl> |
|
Images and Image Maps - TOP
The IMG Tag
<img/> id="id" src="url" alt="text" [Deprecated Attributes] width="n" height="n" align="top|middle|bottom|absmiddle|left|right" border="n" hspace="n" vspace="n"
Defines a graphic image in GIF or JPG format. The src gives the URL of the image; alt provides alternative text for the graphic. Image is sized with width and height pixel settings; align determines how accompanying text aligns with or wraps around the image. Horizontal and vertical pixel spacing around the image is give by hspace and vspace attribute.
<img src="image.gif" alt="Image description" [align="right" hspace="10" vspace="10"]/>
Using Image Maps
<img id="id" src="url" usemap="mapname"/> <img src="url" usemap="#mapname"/> [Deprecated Tag]
<map id="mapname" [name="mapname"]> <area/> shape="rect|circle|poly" coords="x,y coordinates" href="url" alt="text" [Deprecated Attributes] target="_blank|_self|_parent|_top|frame name" </map>
A graphic image can be used as an image map by associating the <img> tag with a <map> tag through a usemap name. The <map> tag encloses one or more <area> tags defining the clickable areas.
| rect | coords="x1,y1 x2,y2" | The two coordinates are the top-left (x1,y1) and bottom-right (x2,y2) horizontal and vertical coordinates of the rectangle, measured from the top-left corner of the image. |
| circle | coords="x,y r" | The two coordinates are the center coordinates (x,y) of the circle, measured from the top-left corner of the image, along with the radius (r) in pixels. |
| poly | coords="x1,y1 x2,y2 ..." | Coordinates are the horizontal (x) and vertical (y)coordinates of the points of the shape, moving clockwise or counter-clockwise around the shape, for as many points as defines the polygon. |
The linked page can be targeted to the same window or frame (_self), in a different frame (frame name), in the next higher frame (_parent), in the full browser window (_top), or in a new browser window (_blank).
Links - TOP
The LINK Tag
<link/> id="id" href="url" type="text/css" rel="stylesheet"
Links to an external style sheet. Tag appears in the <head> section of the document. The href attribute gives the relative or absolute URL of the style sheet document; type is "text/css", and rel (relationship) is "stylesheet".
The A Tag
<a>text</a> <a><img/></a> id="id" href="url" href="mailto:email address" [Deprecated Attributes] target="_blank|_self|_parent|_top|frame name"
The href attributes is a required URL for the page to which a link is made; or it can be a mailto: email address for which the user's email program opens. Page links can be targeted to the same window or frame ( _self), a different frame (frame name), the next higher frame ( _parent), the full browser window ( _top), or a new browser window ( _blank).
Tables - TOP
The TABLE Tag
<table>...</table> id="id" cellspacing="n" [Deprecated Attributes] width="n|n%" border="n" width="n|n%" cellpadding="n" align="left|center|right" bgcolor="color" background="image url" frame="above|below|lhs|rhs|hsides|vsides|box|border|void" rules="all|none|groups|rows|cols"
Defines a table structure of rows and columns (cells). Tags enclose all other table-related tags. Attributes set the width of the table (width) if other than default width, the width of the table border (border), the amount of spacing around cell contents (cellpadding), the amount of spacing between cells (cellspacing), alignment of the table (align) to the left or right with word wrap or in the horizontal center of the page, the background color of the table (bgcolor), the URL for a background image for the table (background), where borders are displayed around the table (frame), and how borders around the cells are displayed (rules).
Colors are specified as:
| color name | A color name. |
| #rrggbb | A hexadecimal value (00 to FF) for red, green, and blue hues. |
| rgb(r g b) rgb(r% g% b%) |
Decimal values (0 to 255) or percentages (0% to 100%) for red, green, and blue hues. |
The CAPTION Tag
<caption>caption text</caption> id="id" [Deprecated Attributes] align="top|left|right|bottom"
Gives a caption, or title, to a table. By default, the caption is aligned at the top-center of the table; left places it at the top-left of the table; right places it at the top-right of the table. Specifying bottom centers the caption at the bottom of the table.
| <table [border="1"]> <caption [align="left"]>Caption</caption> ... </table> |
|
Table Rows
<tr>...</tr> id="id" [Deprecated Attributes] align="left|center|right" valign="top|middle|bottom|baseline" bgcolor="color"
Identifies and formats a data row of a table. A <tr> tag encloses one or more <td> (table cell) tags defining the row. See the <table> tag for color specifications.
Table Headings
<th>...</th> id="id" colspan="n" rowspan="n" [Deprecated Attributes] align="left|center|right" valign="top|middle|bottom|baseline" bgcolor="color"
Defines and formats a column heading cell. Cell text is bold and centered. The cell can span multiple columns (colspan) and/or multiple rows (rowspan ). See the <table> tag for color specifications.
| <table [border="1"]> <tr [bgcolor="#E0E0E0"]> <th>Column 1</th> <th>Column 2</th> </tr> ... </table> |
|
Table Data Cells
<td>...</td> id="id" colspan="n" rowspan="n" [Deprecated Attributes] align="left|center|right" valign="top|middle|bottom|baseline" bgcolor="color"
Identifies and formats a data cell within a table. A cell can span multiple rows (rowspan) and/or multiple columns (colspan). See the <table> tag for color specifications.
Column Groupings
<colgroup>...</colgroup> id="id" span="n" [Deprecated Attributes] width="n|n%" align="left|center|right|justify" valign="top|middle|bottom|baseline"
Defines a grouping of table columns for collective application of attributes or styles. Columns in the grouping can be given size along with horizontal and vertical alignment settings.
| <table [border="1"]> <colgroup span="2" [bgcolor="#F0F0F0"]/> ... </table> |
|
The COL Tag
<col/> or <col>...</col> id="id" span="n" [Deprecated Attributes] align="left|center|right|justify" width="n|n%" valign="top|middle|bottom|baseline"
Identifies a table column within a <colgroup> for special formatting. In the absence of a <col> specification a column inherits attributes given in the <colgroup> to which it belongs. The span attribute extends a cell across two or more cells.
| <table [border="1"]> <colgroup [bgcolor="#F0F0F0"]> <col [bgcolor="#B0B0B0"]/> <col span="2" [bgcolor="#D0D0D0"]/> <col/> </colgroup> ... </table> |
|
Table Heading Section
<thead>...</thead> id="id" [Deprecated Attributes] align="left|center|right" valign="top|middle|bottom|baseline"
Encloses rows at the head of a table and assigns formatting.
| <table [border="1"]> <thead [bgcolor="#E0E0E0"]> <tr [align="center"]> <td colspan="2">Header</td> </tr> </thead> ... </table> |
|
||||||
Table Footing Section
<tfoot>...</tfoot> id="id" [Deprecated Attributes] align="left|center|right" valign="top|middle|bottom|baseline"
Encloses rows at the bottom of a table and assigns formatting.
| <table [border="1"]> ... <tfoot [bgcolor="#E0E0E0"]> <tr [align="right"]> <td colspan="2">Footer</td> </tfoot> </table> |
|
||||||
The Table Body Section
<tbody>...</tbody> id="id" [Deprecated Attributes] align="left|center|right" valign="top|middle|bottom|baseline"
Identifies the set of repeating data rows in a table and applies formatting to all cells in those rows.
| <table [border="1"]> <tbody [align="right"]> ... </tbody> </table> |
|
Frames - TOP
The FRAMESET Tag
<frameset>...</frameset> [Deprecated Tag] cols="n|n%|*" rows="n|n%|*"
Defines a set of frames appearing inside the browser window. The number of vertical frames is given by cols attribute. The number of horizontal frames is given by rows attribute. Widths and heights of frames are specified as pixels or percentages of the browser window. Value "*" permits browser to calculate frame size based on remaining space.
The FRAME Tag
<frame/> [Deprecated Tag] src="url" name="name" scrolling="yes|no|auto" noresize="noresize" frameborder="0|1 [Deprecated Attributes] marginheight="n" marginwidth="n"
Defines the contents and characteristics of a frame within a frameset. The src attribute gives URL of page to initially load into the frame; name identifies the frame as the target name for a link. Frame can have scroll bars (scrolling) or not; or permits user resizing or not (noresize). Margin sizes surrounding the document and borders around the frame can be set.
The IFRAME Tag
<iframe></iframe> [Deprecated Tag] name="name" src="url" align="left|right" scrolling="yes|no|auto" noresize="noresize" frameborder="0|1 [Deprecated Attributes] marginheight="n" marginwidth="n"
Defines an in-line, or floating, frame. Text can be wrapped around the frame by floating it to the left or right of the page. The src attribute gives URL of page to initially load into the frame; name identifies the frame as the target name for a link. Frame can have scroll bars (scrolling) or not; or permits user resizing or not (noresize). Margin sizes surrounding the document and borders around the frame can be set.
Forms - TOP
The FORM Tag
<form>...</form> name="name" action="url" method="get|post"
Encloses all controls that comprise a form. Can be supplied with a form name; action is the URL of the page to which form information is sent on submission; method is get (default) in which names and values of controls are appended to the action URL; post transmits control names and values in a separate data stream.
The BUTTON Tag
<button>...</button> id="id" name="name" type="button|submit|reset" value="value" tabindex="n"
Defines a button control. Text, graphics, and other XHTML elements can be included between the tags and appear on the face of the button. Button can be given an id or name for browser or server processing identification; type specifies a normal button, a form submission button, or a form reset button (clears form fields); value is a value that can be tested by a processing script. The tab-key order for the control is set with tabindex.
| <button type="submit"> <img src="image.gif" alt="Image description"/><br/> <b>Click this button!</b><br/> </button> |
The INPUT Tag
<input/> id="id" name="name" type="text|password|checkbox|image|radio|submit|reset|hidden" tabindex="n"
Defines one of several types of form controls. An id may be required for browser processing; a name may be required for server processing. The tab-key order for a control is set with tabindex.
| <input type="text"/> size="n" maxlength="n" value="value" |
Text box can have pre-entered text by supplying value attribute. Set width of box with size attribute for approximate number of characters. Set maximum number of entered characters with maxlength attribute. | |
| <input type="password"/> size="n" maxlength="n" |
Entered text echoed in box as bullet characters. Set width of box with size attribute for approximate number of characters. Set maximum number of entered characters with maxlength attribute. | |
| <input type="radio"/> value="value" checked="checked" |
Radio Button | Can be prechecked with checked attribute. Value of checked button is given by value attribute. Text label can be coded to the left or right of the button. |
| <input type="checkbox"/> value="value" checked="checked" |
Checkbox | Can be prechecked with checked attribute. Value of checked box is given by value attribute. Text label can be coded to the left or right of the checkbox. |
| <input type="submit"/> value="label" |
Submits form names and values to URL given in form's action URL. Label for button is given by value attribute. | |
| <input type="reset"/> value="label" |
Resets (clears) form fields. | |
| <input type="image"/> src="url" alt="text" |
Any graphic image. | src attribute is required to supply a URL for graphic used as submit button. alt attribute supplies text alternative to graphic. |
The FIELDSET Tag
<fieldset> <legend>text</legend> ...form control </fieldset>
Creates a labeled box surrounding a form control
| <fieldset> <legend>Radio Buttons:</legend> <input type="radio"/>First Button <input type="radio"/>Second Button <input type="radio"/>Third Button </fieldset> |
The SELECT Tag
<select>
id="id"
name="name"
<option>text</option>
value="value"
selected="selected"
</select>
Creates a drop-down list of items. A name is required for server processing.
| <select name="Menu"> <option value="1">Label 1</option> <option value="2">Label 2</option> <option value="3">Label 3</option> </select> |
Each item appearing in the list is defined with an <option> tag. If a value is not supplied, the text label associated with the option is its value. An item is pre-selected by coding selected in the associated <option> tag.
The TEXTAREA Tag
<textarea>text</textarea> id="id" name="name" cols="n" rows="n"
Creates a multi-line text input area. A name is required for server processing. Size of the text area is given by the number of cols (width--approximate number of characters) and number of rows (height). Pre-entered text appears between the tags.
| <textarea name="Text" cols="20" rows="5"> Pre-entered text </textarea> |
Multimedia - TOP
Link to File
<a>text</a> href="url" id="id"
Links to an audio or video media file for opening in a external player.
<a href="media.avi">Media Link</a>
The EMBED Tag
<embed/> [Deprecated Tag] src="url" autostart="true|false"
Embed media player within a page. The src attribute is the relative or absolute URL to the media file; autostart controls whether the media begins playing on page load.
<embed src="media.wav" autostart="false"/>
The OBJECT Tag
<object> id="id" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="n" height="n" <param name="URL" value="url"/> <param name="autoStart" value=true|false"/> <param name="uiMode" value="none|minifull"/> </object>
Embed media player within a page. Must supply the classid of the player. Optionally can set the width and height of the screen area in pixels.
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="URL" value="media.wmv"/> <param name="autoStart" value="true"/> <param name="uiMode" value="full"/> </object>
The param (parameter) tags give the URL of the media file or stream, whether to begin immediate playback on page load (autostart), and the type and size of the player's controls area (uiMode).
Redirection - TOP
The META Tag
<meta/> http-equiv="refresh" content="seconds; url="url"
Refreshes or reloads a Web page after a given number of seconds. The url can reference the current page or a different page. The tag appears in the <head> section of the page.
<head> <meta http-equiv="refresh" content="5; url=Page.htm"/> </head>
TOP | NEXT: CSS Reference
CSS Reference
CSS Reference
|
caption-side clear float vertical-align |
background-attachment background-color background-image background-position background-repeat |
border border-color border-style border-width border-collapse |
font font-family font-size font-style font-variant font-weight |
a:link a:hover a:active a:visited |
|
list-style-image list-style-position list-style-type |
position left top z-index |
height width |
margin padding |
color letter-spacing line-height text-align text-decoration text-indent text-transform word-spacing |
Styles are applied to XHTML elements in the embedded format,
<style type="text/css">
selector {property:value [; property:value]...}
</style>
where the selector can be:
| simple selector | h1 {property:value [; property:value]...} |
|---|---|
| multiple selectors | h1, h2, h3 {property:value [; property:value]...} |
| id selector | span#id {property:value [; property:value]...} |
| contextual selector | ol li {property:value [; property:value]...} |
| class selector | .name {property:value [; property:value]...} |
Styles can also be applied in the in-line format,
<tag style="property:value [; property:value]...">
| CSS Property | Value | Description |
|---|---|---|
Align - TOP |
||
| caption-side | top bottom |
Positions a table caption above or below a table. |
| clear | both left right none |
Sets whether the element is positioned in-line with a floating element or is positioned at the next clear line of the document. |
| float | left right none |
Sets whether the element floats to permit wrapping of accompanying content. |
| vertical-align | bottom top baseline middle sub super text-bottom text-top |
Sets the vertical alignment of the contents of the element. |
| Top | ||
Background - TOP |
||
| background-attachment | fixed scroll |
Sets how a background image is attached to the document. |
| background-color | colorname #hexvalue rgb(r g b) rgb(r% g% b%) |
Sets the color of the background for the element. |
| background-image | url(url) none |
Sets the background image for an element. |
| background-position | left% top% left top left|center|right top|center|bottom |
Sets the location of the left and top edges of the background image for an element as percentages or measurements. Can use a pair of keywords separated by a space. |
| background-repeat | no-repeat repeat repeat-x repeat-y |
Sets whether the background image repeats horizontally, vertically, in both directions, or not at all. |
| Top | ||
Border - TOP |
||
| border | style width color | Sets the border style, width, and color with a single property. |
| border-color border-top-color border-right-color border-bottom-color border-left-color |
colorname #hexvalue rgb(r g b) rgb(r% g% b%) |
Sets the color of all borders or a single border edge of an element. |
| border-style border-top-style border-right-style border-bottom-style border-right-style |
dashed dotted double groove inset none outset ridge solid |
Sets the style of all borders or a single border edge of an element. |
| border-width border-top-width border-right-width border-bottom-width border-right-width |
thin medium thick width |
Sets the width of all borders or a single border edge of an element using a keyword or a width measurement. |
| border-collapse | collapse separate |
Sets whether adjacent table cells are rendered separately or merged into a single border. |
| Top | ||
Font - TOP |
||
| font | style variant weight size family | Sets multiple font properties, separated by spaces, in the exact order shown. Not all properties need to be set. |
| font-family | name [,name]... serif sans-serif cursive fantasy monospace |
Sets one or more font names or generic name for the element's text. |
| font-size | npx n% xx-small x-small small medium large x-large xx-large |
Sets the font size for the element's text. |
| font-style | normal italic oblique |
Sets the font style for the element's text. |
| font-variant | normal small-caps |
Sets the font variant for the element's text. |
| font-weight | normal bold bolder lighter 100 - 900 |
Sets the font weight for the element's text. |
| Top | ||
Link - TOP |
||
| a:link a:hover a:active a:visited |
Any text stylings. | Sets how a text links responds to mouse activation. |
| Top | ||
List - TOP |
||
| list-style-image | none url(url) |
Sets the image used as the bullet character for list items. |
| list-style-position | inside outside |
Sets the alignment of wrapped text for a list item. Inside aligns wrapped text with the item marker; outside aligns wrapped text with the beginning text position. |
| list-style-type | circle disc square decimal lower-alpha lower-roman upper-alpha upper-roman |
Sets the list item marker for unordered lists and for ordered lists. |
| Top | ||
Position - TOP |
||
| position | relative fixed |
Sets the element's location in the document. Fixed positioning is relative to the top-left corner (0,0 pixel position) of the container element. |
| left | npx n% |
Sets the distance of a element from the left margin of its container. |
| top | npx n% |
Sets the distance of a element from the top margin of its container. |
| z-index | n | Sets the layer of a element. Elements with smaller numeric values appear below elements with larger values. Zero (0) is the text layer. |
| Top | ||
Size - TOP |
||
| height | auto npx n% |
Sets the height of an element. |
| width | npx n% auto |
Sets the width of the element. |
| Top | ||
Spacing - TOP |
||
| margin margin-top margin-right margin-bottom margin-left |
auto npx n% |
Sets the amount of space that extends beyond the edges of an element. |
| padding padding-top padding-right padding-bottom padding-left |
auto npx n% |
Sets the amount of space surrounding the contents of an element. |
| Top | ||
Text - TOP |
||
| color | colorname #hexvalue rgb(r g b) rgb(r% g% b% |
Sets the text color of the element. |
| letter-spacing | normal npx auto |
Sets the horizontal letter spacing of an element's text. Measurement can be negative. |
| line-height | normal n npx n% |
Sets the line height of an element's text. A number serves as a multiplier of the current font size; a measurement is an actual height value; a percentage is a multiplier of the current font size. |
| text-align | left center right justify |
Sets the horizontal alignment of text within an element. |
| text-decoration | none blink line-through overline underline |
Sets the decoration of text within an element. |
| text-indent | npx n% |
Sets the indention of text within an element. |
| text-transform | none captialize lowercase uppercase |
Sets the capitalization of text within an element. |
| word-spacing | npx normal |
Sets the amount of spacing between words of the element. |
| Top | ||
TOP | NEXT: HTML Special Characters
HTML Special Characters
HTML Special Characters
The following table gives the names and numeric codes for representing selected special characters in HTML. Use either the name or code within an XHTML document.
| Character | Name | Code | Description |
|---|---|---|---|
| " | " | " | Quote |
| & | & | & | Ampersand |
| ' | ' | Apostrophe | |
| < | < | < | Less than |
| > | > | > | Greater than |
| ™ | ™ | ™ | Trademark |
| |   | Non-breaking space | |
| ¢ | ¢ | ¢ | Cents |
| ¦ | ¦ | ¦ | Broken vertical bar |
| § | § | § | Section |
| © | © | © | Copyright |
| « | « | « | Left angle quote |
| » | » | » | Right angle quote |
| ¬ | ¬ | ¬ | Not sign |
| ® | ® | ® | Registered trademark |
| ° | ° | ° | Degree |
| ± | ± | ± | Plus/minus |
| ¶ | ¶ | ¶ | Paragraph |
| · | · | · | Middle dot |
| • | • | • | Bullet |
| ¼ | ¼ | ¼ | Fraction one-quarter |
| ½ | ½ | ½ | Fraction one-half |
| ¾ | ¾ | ¾ | Fraction three-quarters |
| ÷ | ÷ | ÷ | Division |
| × | × | × | Multiplication |
| ø | ø | ø | Small o-slash |
| Ø | Ø | Ø | Large O-slash |
| – | – | En dash | |
| — | — | Em dash |
TOP | NEXT: HTML Colors
HTML Colors
HTML and CSS Color Reference
By Name
| AliceBlue #F0F8FF rgb(240,248,255) |
AntiqueWhite #FAEBD7 rgb(250,235,215) |
Aqua #00FFFF rgb(0,255,255) |
Aquamarine #7FFFD4 rgb(127,255,212) |
| Azure #F0FFFF rgb(240,255,255) |
Beige #F5F5DC rgb(245,245,220) |
Bisque #FFE4C4 rgb(255,228,196) |
Black #000000 rgb(0,0,0) |
| BlanchedAlmond #FFEBCD rgb(0,0,0) |
Blue #0000FF rgb(0,0,255) |
BlueViolet #8A2BE2 rgb(138,43,226) |
Brown #A52A2A rgb(165,42,42) |
| BurleyWood #DEB887 rgb(222,183,135) |
CadetBlue #5F9EA0 rgb(95,158,160) |
Chartreuse #7FFF00 rgb(127,255,0) |
Chocolate #D2691E rgb(210,105,30) |
| Coral #FF7F50 rgb(255,127,80) |
CornSilk #FFF8DC rgb(255,248,220) |
CornflowerBlue #6495ED rgb(100,149,237) |
Crimson #DC143C rgb(220,20,60) |
| Cyan #00FFFF rgb(0,255,255) |
DarkBlue #00008B rgb(0,0,139) |
DarkCyan #008B8B rgb(0,139,139) |
DarkGoldenrod #B8860B rgb(184,134,11) |
| DarkGray #A9A9A9 rgb(169,169,169) |
DarkGreen #006400 rgb(0,100,0) |
DarkKhaki #BDB76B rgb(189,183,107) |
DarkMagenta #8B008B rgb(139,0,139) |
| DarkOliveGreen #556B2F rgb(85,107,47) |
DarkOrange #FF8C00 rgb(255,140,0) |
DarkOrchid #9932CC rgb(153,50,204) |
DarkRed #8B0000 rgb(130,0,0) |
| DarkSalmon #E9967A rgb(233,150,122) |
DarkSeaGreen #8FBC8F rgb(143,188,143) |
DarkSlateBlue #483D8B rgb(72,61,139) |
DarkSlateGray #2F4F4F rgb(47,79,79) |
| DarkTurquoise #00CED1 rgb(0,206,209) |
DarkViolet #9400D3 rgb(148,0,211) |
DeepPink #FF1493 rgb(255,20,147) |
DeepSkyBlue #00BFFF rgb(0,191,255) |
| DimGray #696969 rgb(105,105,105) |
DodgerBlue #1E90FF rgb(30,144,255) |
FireBrick #B22222 rgb(178,34,34) |
FloralWhite #FFFAF0 rgb(255,250,240) |
| ForestGreen #228B22 rgb(34,139,34) |
Fuchsia #FF00FF rgb(255,0,255) |
Gainsboro #DCDCDC rgb(220,220,220) |
GhostWhite #F8F8FF rgb(249,248,255) |
| Gold #FFD700 rgb(255,215,0) |
Goldenrod #DAA520 rgb(218,165,32) |
Gray #808080 rgb(128,128,128) |
Green #008000 rgb(0,128,0) |
| GreenYellow #ADFF2F rgb(173,255,47) |
Honeydew #F0FFF0 rgb(240,255,240) |
HotPink #FF69B4 rgb(255,105,180) |
IndianRed #CD5C5C rgb(205,92,92) |
| Indigo #4B0082 rgb(75,0,130) |
Ivory #FFFFF0 rgb(255,255,140) |
Khaki #F0E68C rgb(240,230,140) |
Lavender #E6E6FA rgb(230,230,250) |
| LavenderBlush #FFF0F5 rgb(255,240,245) |
LawnGreen #7CFC00 rgb(124,252,0) |
LemonChiffon #FFFACD rgb(255,250,205) |
LightBlue #ADD8E6 rgb(173,216,230) |
| LightCoral #F08080 rgb(240,128,128) |
LightCyan #E0FFFF rgb(224,255,255) |
LightGreen #90EE90 rgb(144,238,144) |
LightGrey #D3D3D3 rgb(211,211,211) |
| LightPink #FFB6C1 rgb(255,182,193) |
LightSalmon #FFA07A rgb(255,160,122) |
LightSeaGreen #20B2AA rgb(32,178,170) |
LightSkyBlue #87CEFA rgb(135,206,250) |
| LightSlateGray #778899 rgb(119,136,153) |
LightSteelBlue #B0C4DE rgb(176,196,222) |
LightYellow #FFFFE0 rgb(255,255,224) |
Lime #00FF00 rgb(0,255,0) |
| LimeGreen #32CD32 rgb(50,205,50) |
Linen #FAF0E6 rgb(250,240,230) |
Magenta #FF00FF rgb(255,0,255) |
Maroon #800000 rgb(128,0,0) |
| MediumAquamarine #66CDAA rgb(102,205,170) |
MediumBlue #0000CD rgb(0,0,205) |
MediumOrchid #BA55D3 rgb(186,85,211) |
MediumPurple #9370DB rgb(147,112,219) |
| MediumSeaGreen #3CB371 rgb(60,179,113) |
MediumSlateBlue #7B68EE rgb(123,104,238) |
MediumSpringGreen #00FA9A rgb(0,250,154) |
MediumTurquoise #48D1CC rgb(72,209,204) |
| MediumVioletRed #C71585 rgb(199,21,133) |
MidnightBlue #191970 rgb(25,25,112) |
MintCream #F5FFFA rgb(245,255,250) |
MistyRose #FFE4E1 rgb(255,228,225) |
| Moccasin #FFE4B5 rgb(255,228,181) |
NavajoWhite #FFDEAD rgb(255,222,173) |
Navy #000080 rgb(0,0,128) |
OldLace #FDF5E6 rgb(253,245,230) |
| Olive #808000 rgb(128,128,0) |
OliveDrab #6B8E23 rgb(107,142,35) |
Orange #FFA500 rgb(255,165,0) |
OrangeRed #FF4500 rgb(255,60,0) |
| Orchid #DA70D6 rgb(218,112,214) |
PaleGoldenrod #EEE8AA rgb(238,232,170) |
PaleGreen #98FB98 rgb(152,251,152) |
PaleTurquoise #AFEEEE rgb(175,238,238) |
| PaleVioletRed #DB7093 rgb(219,112,147) |
PapayaWhip #FFEFD5 rgb(255,239,213) |
PeachPuff #FFDAB9 rgb(255,218,185) |
Peru #CD853F rgb(205,133,63) |
| Pink #FFC0CB rgb(255,192,203) |
Plum #DDA0DD rgb(221,160,221) |
PowderBlue #B0E0E6 rgb(176,224,230) |
Purple #800080 rgb(128,0,128) |
| Red #FF0000 rgb(255,0,0) |
RosyBrown #BC8F8F rgb(188,143,143) |
RoyalBlue #4169E1 rgb(65,105,225) |
SaddleBrown #8B4513 rgb(139,69,19) |
| Salmon #FA8072 rgb(250,128,114) |
SandyBrown #F4A460 rgb(244,164,96) |
SeaGreen #2E8B57 rgb(46,139,87) |
SeaShell #FFF5EE rgb(255,245,238) |
| Sienna #A0522D rgb(160,82,45) |
Silver #C0C0C0 rgb(192,192,192) |
SkyBlue #87CEEB rgb(135,206,235) |
SlateBlue #6A5ACD rgb(106,90,205) |
| SlateGray #708090 rgb(112,128,144) |
Snow #FFFAFA rgb(255,250,250) |
SpringGreen #00FF7F rgb(0,255,127) |
SteelBlue #4682B4 rgb(70,130,180) |
| Tan #D2B48C rgb(255,245,238) |
Teal #008080 rgb(210,180,140) |
Thistle #D8BFD8 rgb(216,191,216) |
Tomato #FF6347 rgb(255,99,71) |
| Turquoise #40E0D0 rgb(64,224,208) |
Violet #EE82EE rgb(238,130,238) |
Wheat #F5DEB3 rgb(245,222,179) |
White #FFFFFF rgb(255,255,255) |
| WhiteSmoke #F5F5F5 rgb(245,245,245) |
Yellow #FFFF00 rgb(255,255,0) |
YellowGreen #9ACD32 rgb(154,205,50) |
By Hue
| #000000 rgb(0,0,0) Black |
#000080 rgb(0,0,128) Navy |
#00008B rgb(0,0,139) DarkBlue |
#0000CD rgb(0,0,205) MediumBlue |
| #0000FF rgb(0,0,255) Blue |
#006400 rgb(0,100,0) DarkGreen |
#008000 rgb(0,128,0) Green |
#008080 rgb(210,180,140) Teal |
| #008B8B rgb(0,139,139) DarkCyan |
#00BFFF rgb(0,191,255) DeepSkyBlue |
#00CED1 rgb(0,206,209) DarkTurquoise |
#00FA9A rgb(0,250,154) MediumSpringGreen |
| #00FF00 rgb(0,255,0) Lime |
#00FF7F rgb(0,255,127) SpringGreen |
#00FFFF rgb(0,255,255) Aqua |
#00FFFF rgb(0,255,255) Cyan |
| #191970 rgb(25,25,112) MidnightBlue |
#1E90FF rgb(30,144,255) DodgerBlue |
#20B2AA rgb(32,178,170) LightSeaGreen |
#228B22 rgb(34,139,34) ForestGreen |
| #2E8B57 rgb(46,139,87) SeaGreen |
#2F4F4F rgb(47,79,79) DarkSlateGray |
#32CD32 rgb(50,205,50) LimeGreen |
#3CB371 rgb(60,179,113) MediumSeaGreen |
| #40E0D0 rgb(64,224,208) Turquoise |
#4169E1 rgb(65,105,225) RoyalBlue |
#4682B4 rgb(70,130,180) SteelBlue |
#483D8B rgb(72,61,139) DarkSlateBlue |
| #48D1CC rgb(72,209,204) MediumTurquoise |
#4B0082 rgb(75,0,130) Indigo |
#556B2F rgb(85,107,47) DarkOliveGreen |
#5F9EA0 rgb(95,158,160) CadetBlue |
| #6495ED rgb(100,149,237) CornflowerBlue |
#66CDAA rgb(102,205,170) MediumAquamarine |
#696969 rgb(105,105,105) DimGray |
#6A5ACD rgb(106,90,205) SlateBlue |
| #6B8E23 rgb(107,142,35) OliveDrab |
#708090 rgb(112,128,144) SlateGray |
#778899 rgb(119,136,153) LightSlateGray |
#7B68EE rgb(123,104,238) MediumSlateBlue |
| #7CFC00 rgb(124,252,0) LawnGreen |
#7FFF00 rgb(127,255,0) Chartreuse |
#7FFFD4 rgb(127,255,212) Aquamarine |
#800000 rgb(128,0,0) Maroon |
| #800080 rgb(128,0,128) Purple |
#808000 rgb(128,128,0) Olive |
#808080 rgb(128,128,128) Gray |
#87CEEB rgb(135,206,235) SkyBlue |
| #87CEFA rgb(135,206,250) LightSkyBlue |
#8A2BE2 rgb(138,43,226) BlueViolet |
#8B0000 rgb(130,0,0) DarkRed |
#8B008B rgb(139,0,139) DarkMagenta |
| #8B4513 rgb(139,69,19) SaddleBrown |
#8FBC8F rgb(143,188,143) DarkSeaGreen |
#90EE90 rgb(144,238,144) LightGreen |
#9370DB rgb(147,112,219) MediumPurple |
| #9400D3 rgb(148,0,211) DarkViolet |
#98FB98 rgb(152,251,152) PaleGreen |
#9932CC rgb(153,50,204) DarkOrchid |
#9ACD32 rgb(154,205,50) YellowGreen |
| #A0522D rgb(160,82,45) Sienna |
#A52A2A rgb(165,42,42) Brown |
#A9A9A9 rgb(169,169,169) DarkGray |
#ADD8E6 rgb(173,216,230) LightBlue |
| #ADFF2F rgb(173,255,47) GreenYellow |
#AFEEEE rgb(175,238,238) PaleTurquoise |
#B0C4DE rgb(176,196,222) LightSteelBlue |
#B0E0E6 rgb(176,224,230) PowderBlue |
| #B22222 rgb(178,34,34) FireBrick |
#B8860B rgb(184,134,11) DarkGoldenrod |
#BA55D3 rgb(186,85,211) MediumOrchid |
#BC8F8F rgb(188,143,143) RosyBrown |
| #BDB76B rgb(189,183,107) DarkKhaki |
#C0C0C0 rgb(192,192,192) Silver |
#C71585 rgb(199,21,133) MediumVioletRed |
#CD5C5C rgb(205,92,92) IndianRed |
| #CD853F rgb(205,133,63) Peru |
#D2691E rgb(210,105,30) Chocolate |
#D2B48C rgb(255,245,238) Tan |
#D3D3D3 rgb(211,211,211) LightGrey |
| #D8BFD8 rgb(216,191,216) Thistle |
#DA70D6 rgb(218,112,214) Orchid |
#DAA520 rgb(218,165,32) Goldenrod |
#DB7093 rgb(219,112,147) PaleVioletRed |
| #DC143C rgb(220,20,60) Crimson |
#DCDCDC rgb(220,220,220) Gainsboro |
#DDA0DD rgb(221,160,221) Plum |
#DEB887 rgb(222,183,135) BurleyWood |
| #E0FFFF rgb(224,255,255) LightCyan |
#E6E6FA rgb(230,230,250) Lavender |
#E9967A rgb(233,150,122) DarkSalmon |
#EE82EE rgb(238,130,238) Violet |
| #EEE8AA rgb(238,232,170) PaleGoldenrod |
#F08080 rgb(240,128,128) LightCoral |
#F0E68C rgb(240,230,140) Khaki |
#F0F8FF rgb(240,248,255) AliceBlue |
| #F0FFF0 rgb(240,255,240) Honeydew |
#F0FFFF rgb(240,255,255) Azure |
#F4A460 rgb(244,164,96) SandyBrown |
#F5DEB3 rgb(245,222,179) Wheat |
| #F5F5DC rgb(245,245,220) Beige |
#F5F5F5 rgb(245,245,245) WhiteSmoke |
#F5FFFA rgb(245,255,250) MintCream |
#F8F8FF rgb(249,248,255) GhostWhite |
| #FA8072 rgb(250,128,114) Salmon |
#FAEBD7 rgb(250,235,215) AntiqueWhite |
#FAF0E6 rgb(250,240,230) Linen |
#FDF5E6 rgb(253,245,230) OldLace |
| #FF0000 rgb(255,0,0) Red |
#FF00FF rgb(255,0,255) Fuchsia |
#FF00FF rgb(255,0,255) Magenta |
#FF1493 rgb(255,20,147) DeepPink |
| #FF4500 rgb(255,60,0) OrangeRed |
#FF6347 rgb(255,99,71) Tomato |
#FF69B4 rgb(255,105,180) HotPink |
#FF7F50 rgb(255,127,80) Coral |
| #FF8C00 rgb(255,140,0) DarkOrange |
#FFA07A rgb(255,160,122) LightSalmon |
#FFA500 rgb(255,165,0) Orange |
#FFB6C1 rgb(255,182,193) LightPink |
| #FFC0CB rgb(255,192,203) Pink |
#FFD700 rgb(255,215,0) Gold |
#FFDAB9 rgb(255,218,185) PeachPuff |
#FFDEAD rgb(255,222,173) NavajoWhite |
| #FFE4B5 rgb(255,228,181) Moccasin |
#FFE4C4 rgb(255,228,196) Bisque |
#FFE4E1 rgb(255,228,225) MistyRose |
#FFEBCD rgb(0,0,0) BlanchedAlmond |
| #FFEFD5 rgb(255,239,213) PapayaWhip |
#FFF0F5 rgb(255,240,245) LavenderBlush |
#FFF5EE rgb(255,245,238) SeaShell |
#FFF8DC rgb(255,248,220) CornSilk |
| #FFFACD rgb(255,250,205) LemonChiffon |
#FFFAF0 rgb(255,250,240) FloralWhite |
#FFFAFA rgb(255,250,250) Snow |
#FFFF00 rgb(255,255,0) Yellow |
| #FFFFE0 rgb(255,255,224) LightYellow |
#FFFFF0 rgb(255,255,140) Ivory |
#FFFFFF rgb(255,255,255) White |
By Gray
| #FFFFFF rgb(255,255,255) |
#FEFEFE rgb(240,240,240) |
#FCFCFC rgb(238,238,238) |
#FAFAFA rgb(236,236,236) |
| #F8F8F8 rgb(234,234,234) |
#F6F6F6 rgb(232,232,232) |
#F4F4F4 rgb(230,230,230) |
#F2F2F2 rgb(228,228,228) |
| #F0F0F0 rgb(226,226,226) |
#EEEEEE rgb(240,240,240) |
#ECECEC rgb(238,238,238) |
#EAEAEA rgb(236,236,236) |
| #E8E8E8 rgb(234,234,234) |
#E6E6E6 rgb(232,232,232) |
#E4E4E4 rgb(230,230,230) |
#E2E2E2 rgb(228,228,228) |
| #E0E0E0 rgb(226,226,226) |
#DEDEDE rgb(224,224,224) |
#DCDCDC rgb(220,220,220) |
#DADADA rgb(218,218,218) |
| #D8D8D8 rgb(216,216,216) |
#D6D6D6 rgb(214,214,214) |
#D4D4D4 rgb(212,212,212) |
#D2D2D2 rgb(210,210,210) |
| #D0D0D0 rgb(208,208,208) |
#CECECE rgb(206,206,206) |
#CCCCCC rgb(204,204,204) |
#CACACA rgb(202,202,202) |
| #C8C8C8 rgb(200,200,200) |
#C6C6C6 rgb(198,198,198) |
#C4C4C4 rgb(196,196,196) |
#C2C2C2 rgb(194,194,194) |
| #C0C0C0 rgb(192,192,192) |
#BEBEBE rgb(190,190,190) |
#BCBCBC rgb(188,188,188) |
#BABABA rgb(186,186,186) |
| #B8B8B8 rgb(184,184,184) |
#B6B6B6 rgb(182,182,182) |
#B4B4B4 rgb(180,180,180) |
#B2B2B2 rgb(178,178,178) |
| #B0B0B0 rgb(176,176,176) |
#AEAEAE rgb(174,174,174) |
#ACACAC rgb(172,172,172) |
#AAAAAA rgb(170,170,170) |
| #A8A8A8 rgb(168,168,168) |
#A6A6A6 rgb(166,166,166) |
#A4A4A4 rgb(164,164,164) |
#A2A2A2 rgb(162,162,162) |
| #A0A0A0 rgb(160,160,160) |
#9E9E9E rgb(158,158,158) |
#9C9C9C rgb(156,156,156) |
#9A9A9A rgb(154,154,154) |
| #989898 rgb(152,152,152) |
#969696 rgb(150,150,150) |
#949494 rgb(148,148,148) |
#929292 rgb(146,146,146) |
| #909090 rgb(144,144,144) |
#8E8E8E rgb(142,142,142) |
#8C8C8C rgb(140,140,140) |
#8A8A8A rgb(138,138,138) |
| #888888 rgb(136,136,136) |
#868686 rgb(134,134,134) |
#848484 rgb(132,132,132) |
#828282 rgb(130,130,130) |
| #808080 rgb(128,128,128) |
#7E7E7E rgb(126,126,126) |
#7C7C7C rgb(124,124,124) |
#7A7A7A rgb(122,122,122) |
| #787878 rgb(120,120,120) |
#767676 rgb(118,118,118) |
#747474 rgb(116,116,116) |
#727272 rgb(114,114,114) |
| #707070 rgb(112,112,112) |
#6E6E6E rgb(110,110,110) |
#6C6C6C rgb(108,108,108) |
#6A6A6A rgb(106,106,106) |
| #686868 rgb(104,104,104) |
#666666 rgb(102,102,102) |
#646464 rgb(100,100,100) |
#626262 rgb(98,98,98) |
| #606060 rgb(96,96,96) |
#5E5E5E rgb(94,94,94) |
#5C5C5C rgb(92,92,92) |
#5A5A5A rgb(90,90,90) |
| #585858 rgb(88,88,88) |
#565656 rgb(86,86,86) |
#545454 rgb(84,84,84) |
#525252 rgb(82,82,82) |
| #505050 rgb(80,80,80) |
#4E4E4E rgb(78,78,78) |
#4C4C4C rgb(76,76,76) |
#4A4A4A rgb(74,74,74) |
| #484848 rgb(72,72,72) |
#464646 rgb(70,70,70) |
#444444 rgb(68,68,68) |
#424242 rgb(66,66,66) |
| #404040 rgb(64,64,64) |
#3E3E3E rgb(62,62,62) |
#3C3C3C rgb(60,60,60) |
#3A3A3A rgb(58,58,58) |
| #383838 rgb(56,56,56) |
#363636 rgb(54,54,54) |
#343434 rgb(52,52,52) |
#323232 rgb(50,50,50) |
| #303030 rgb(48,48,48) |
#2E2E2E rgb(46,46,46) |
#2C2C2C rgb(44,44,44) |
#2A2A2A rgb(42,42,42) |
| #282828 rgb(40,40,40) |
#262626 rgb(38,38,38) |
#242424 rgb(36,36,36) |
#222222 rgb(34,34,34) |
| #202020 rgb(32,32,32) |
#1E1E1E rgb(30,30,30) |
#1C1C1C rgb(28,28,28) |
#1A1A1A rgb(26,26,26) |
| #181818 rgb(24,24,24) |
#161616 rgb(22,22,22) |
#141414 rgb(20,20,20) |
#121212 rgb(18,18,18) |
| #101010 rgb(16,16,16) |
#0E0E0E rgb(14,14,14) |
#0C0C0C rgb(12,12,12) |
#0A0A0A rgb(10,10,10) |
| #080808 rgb(8,8,8) |
#060606 rgb(6,6,6) |
#040404 rgb(4,4,4) |
#020202 rgb(2,2,2) |
| #000000 rgb(0,0,0) |