Setting style

<div class="style1">
<div style="color:#FF0000">
<span style="color:#FF0000">colored</span>

Size

width: 100%;
height: 20px;

Padding

padding: 2px; (All)
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;

Margin

margin: 2px; (All)
margin: 1px 2px; (Top+Bottom, Right+Left)
margin: 1px 2px 3px; (Top, Right+Left, Bottom)
margin: 1px 2px 3px 4px; (Top, Right, Bottom, Left)
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;

Block

display:block;   (Displays an element as a block element (like <p>))

Text

color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal; font-weight: bold;
text-align: left; text-align: center; text-align: right; text-align: justify;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none; text-decoration: underline;

Backround

background-color: #FF0000;
background-color: transparent;

Colours

#FFFFFF White
#333333 Dark grey
#666666 Bit lighter grey
#FF0000 Red

Border

border: thin solid #FF0000;
or
border-style: solid; border-style: double;
border-color: #ddd;

Positioning

clear: both;
float: right;
position: relative;
position: absolute;
display: inline;

Hidden

visibility: hidden;

Images

background-image: url(../lgimages/background_box_462_460.png);
background-repeat: no-repeat;

Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published.