Property: | Type: | Example Codes: |
Attachment (CSS) | Background | background-attachment: fixed; background-attachment: scroll; |
Background Color (CSS) | Background | background-color: #000000; (Hex Color Number) background-color: black; (Color Name) |
Background Color (HTML) | Background | bgcolor="#000000" (Hex Color Number) bgcolor="black" (Color Name) |
Background Image (CSS) | Background | background-image: url(yourpicture.gif); |
Background Image (HTML) | Background | background="yourpicture.gif" |
Background Position (CSS) | Background | position: absolute; position: relative; |
Background Position (HTML) | Background | bgproperties="fixed" |
Background Repeat (CSS) | Background | background-repeat: repeat; background-repeat: repeat-x; (Horizontal Only) background-repeat: repeat-y; (Vertical Only) background-repeat: no-repeat; |
Border Color (CSS) | Box / Table | border-color: #000000; (Hex Color Number) border-color: black; (Color Name) |
Border Color (HTML) | Table | bordercolor="000000" (Hex Color Number) bordercolor="black" (Hex Color Name) |
Border Size (CSS) | Box / Table | border-width: 0px; (No Visable Border) border-width: 10px; (Visable Border Size) border-width: medium; (Visable Border Size) border-width: thick; (Visable Border Size)
border-width: thin; (Visable Border Size) |
Border Size (HTML) | Table | border="0" (No Visable Border) border="10" (Visable Border Size) |
Border Style (CSS) | Box / Table | border-style: groove; border-style: dashed; border-style: dotted; border-style: double; border-style: inset; border-style: outset; border-style: ridge; border-style: solid; |
Element Size (CSS) | Element | height: 100px; (px for pixels) width: 100px; (px for pixels) |
Element Size (HTML) | Element | height="100" width="100" |
Font Color (CSS) | Font / Text | color: #000000; (Hex Color Number) color: black; (Color Name) |
Font Color (HTML) | Font / Text | color="#000000" (Hex Color Number) color="black" (Color Name) |
Font Size (CSS) | Font / Text | font-size: 10px; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; |
Font Size (HTML) | Font / Text | font size="1" (Sizes from 1 - 7, small to large) |
Font Style (CSS) | Font / Text | font-style: italic; font-style: normal; font-style: oblique; |
Font Style - Tags (HTML) | Font / Text | <b>Bold Text</b> <i>Italic Text</i> <s>Strike Text</s> <sub>Subscript Text</sub> <sup>Superscript Text</sup> <u>Underlined Text</u> |
Font Type (CSS) | Font / Text | font-family: arial; (Various font types acceptable) |
Font Type (HTML) | Font / Text | font face="arial" (Various font types acceptable) |
Font Weight (CSS) | Font / Text | font-weight: bold; font-weight: bolder; font-weight: inherit; font-weight: lighter; font-weight: normal; |
Margin (CSS) | Box / Table | margin: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; |
Margin (HTML) | Box / Table | marginheight="10" marginwidth="10" |
Spacing (CSS) | Font / Text | letter-spacing: 10px; (Between Each Letter) word-spacing: 10px; (Between Each Word) |
Spacing (HTML) | Table | cellspacing="10" |
Padding (CSS) | Box / Table | padding: 10px; (px for pixels) padding-bottom: 10px; (px for pixels) padding-left: 10px; (px for pixels) padding-right: 10px; (px for pixels) padding-top: 10px; (px for pixels) |
Padding (HTML) | Table | cellpadding="10" |
Text Align (CSS) | Font / Text | text-align: center; text-align: justify; text-align: left; text-align: right; |
Text Align (HTML) | Font / Text | align="center" align="justify" align="left" align="right" |
Text Decoration (CSS) | Font / Text | text-decoration: line-through; text-decoration: none; text-decoration: overline; text-decoration: underline; |
Text Indent (CSS) | Font / Text | text-indent: 10px; text-indent: 10%; |
Text Transform (CSS) | Font / Text | text-transform: capitalize; text-transform: lowercase; text-transform: uppercase; |
Copyright 2010 | | Christian Code City© |