Showing posts with label HTML Code. Show all posts

Friday, May 15, 2009

CSS Float

The CSS float property enables you to determine where to position an element relative to the other elements on the page. When you use the float property, other elements will simply wrap around the element you applied the float to.

Example code:

<div style="width:300px;">
<h1 style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;">CSS float</h1>
<p>If your browser supports the CSS float Property, this text will be flowing around the heading.
If this does not seem to work, it could be a browser compatibility thing...</p>

</div>

This results in:

CSS float

If your browser supports the CSS float Property, this text will be flowing around the heading. If this does not seem to work, it could be a browser compatibility thing...

Relative Positioning

To perform relative positioning in CSS you use position:relative; followed by the desired offset from either top, right, bottom or left

<div style="position:relative;left:80px;background-color:yellow;">
This div has relative positioning.
</div>

This results in:

This div has relative positioning.

This example offsets the element 80 pixels from the left of where it would have been. If we had specified top, it would appear 80 pixels below where it would have been. It's important to note that other elements are not affected by this element's offset. Therefore, overlapping may occur.

Absolute Positioning

To perform absolute positioning in CSS you use position:absolute; followed by the desired offset.

<div style="position:absolute;top:100px;left:60px;background-color:yellow;">

This div is absolutely positioned 100 pixels from the top and 60 pixels from the left of its containing block.
</div>

View the result

Fixed Positioning

Fixed positioning allows you to fix the position of an element to a particular spot on the page - regardless of scrolling.

<div style="position:fixed;top:100px;left:60px;width:180px;background-color:red;">

This div is using a fixed position of 100 pixels from the top and 60 pixels from the left of its containing block.
When this page scrolls, this box will remain in a fixed position - it won't scroll with the rest of the page.
Go on - SCROLL!
</div>

'height' and 'width' Properties

Applies to all HTML elements except non-replaced inline elements, table columns and column groups.

Can use a fixed height (i.e. pixels) or a percentage height.

<div style="background-color:orange;height:125px;width:75px;">

This div has height and width applied.
</div>

This results in:

This div has height and width applied.

'max-height' and 'max-width' Properties

Enables you to constrain the height and/or width of an element to a maximum value.

<div style="background-color:orange;max-height:125px;max-width:75px;">
This div has max-height and max-width applied.
</div>

This results in:

This div has max-height and max-width applied.

'min-height' and 'min-width' Properties

Enables you to constrain the height and/or width of an element to a minimum value.

<div style="background-color:orange;min-height:125px;min-width:75px;">
This div has min-height and min-width applied.
</div>

This results in:

This div has min-height and min-width applied.

List Style Type

Determines what the bullet looks like. For info on the possible values see the list-style-type page.

<ul style="list-style-type:circle;">

<li>List item one</li>
<li>List item two</li>
</ul>

This results in:

List item one

List item two

List Style Image

<ul style="list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUjbS8__BqVuluXEgf0jj4sWgP7WwfZ6ZxKErN2N4gAX7hNBieZTXFxwMwVXqa9tr9lXBaKCdODbrmJzf76QY0nAAQTgssgH8rHzfO31Ff_hDOXWo506f8HO9uICTs67HMZpyxaA5Zapg/?imgmax=800);">
<li>List item one</li>

<li>List item two</li>
</ul>

This results in:

List item one

List item two

List Style Position

Determines whether the bullet is located inside the list's containing box or outside.

<ul style="list-style-position:inside;">
<li>List item one</li>

<li>List item two</li>
</ul>
<ul style="list-style-position:outside;">
<li>List item one</li>
<li>List item two</li>

</ul>

This results in:

List item one

List item two

List item one

List item two

List Style

The list-style property is shorthand for setting the list properties.

<ul style="list-style:square inside;">
<li>List item one</li>

<li>List item two</li>
</ul>

This results in:

List item one

List item two

Marker Offset

Used in conjunction with display:marker, marker-offset specifies the nearest border edges of the marker box and its associated principal box.

<ul>
<li style="display:marker;marker-offset:10px;">List item one</li>

<li>List item two</li>
</ul>

This results in:

List item one

List item two

At the time of writing, browser support for marker-offset was limited.

Setting Padding on all Sides

<p style="border:1px solid orange;padding:20px;">
This text has padding of 20 pixels on all four sides.
</p>

This results in:

This text has padding of 20 pixels on all four sides.

Setting Padding for Each Side

If you don't want the padding settings to be applied to all four sides, or if you want each side to have different padding, you can use the following properties:

padding-bottom

padding-left

padding-right

padding-top

Example:


<p style="border:1px solid orange;padding-left:60px;">This text has left padding of 60 pixels.</p>

This results in:

This text has left padding of 60 pixels.

CSS Background Color

<p style="background-color:yellow;">This text has a background color applied.</p>

This results in:

This text has a background color applied.

CSS Background Image


<p style="height:100px;background-image:url(http://2.bp.blogspot.com/_jsh8ETlAeWg/SMLZw2n-LHI/AAAAAAAAAFY/dH2eeWZn8A0/S75/mylogo.gif);">This text has a background image applied. </p>

This results in:

This text has a background image applied.

CSS Background Repeat

Determines whether the background image repeats (tiles) or not. For info on the possible values, see the background-repeat page.


<p style="height:100px;background-image:url(http://2.bp.blogspot.com/_jsh8ETlAeWg/SMLZw2n-LHI/AAAAAAAAAFY/dH2eeWZn8A0/S75/mylogo.gif);background-repeat:no-repeat;">This background image does not repeat. </p>

This results in:

This background image does not repeat.

CSS Background Position

Determines the position of the background image.


<p style="height:100px;background-image:url(http://2.bp.blogspot.com/_jsh8ETlAeWg/SMLZw2n-LHI/AAAAAAAAAFY/dH2eeWZn8A0/S75/mylogo.gif);background-repeat:no-repeat;background-position:100px;">This background image is positioned 100 pixels in from the left. </p>

This results in:

This background image is positioned 100 pixels in from the left.

CSS Background Attachment

Determines whether or not the background image scrolls with the outer container.


<p style="height:100px;width:150px;overflow:scroll;background-image:url(http://2.bp.blogspot.com/_jsh8ETlAeWg/SMLZw2n-LHI/AAAAAAAAAFY/dH2eeWZn8A0/S75/mylogo.gif);background-attachment:fixed;">This background image is fixed - it doesn't scroll with its outer container. This example uses the CSS overflow property to force the box to scroll when there's too much text to fit in the box. </p>

This results in:

This background image is fixed - it doesn't scroll with its outer container. This example uses the CSS overflow property to force the box to scroll when there's too much text to fit in the box.

Shorthand Code

You can use the background property to set all the background properties at once. For example:


<p style="height:100px;width:150px;overflow:scroll;background:url(http://2.bp.blogspot.com/_jsh8ETlAeWg/SMLZw2n-LHI/AAAAAAAAAFY/dH2eeWZn8A0/S75/mylogo.gif) repeat fixed;">This paragraph tag has been styled using the 'background' property, which is shorthand for setting multiple properties for an HTML element. </p>

This results in:

This paragraph tag has been styled using the 'background' property, which is shorthand for setting multiple properties for an HTML element.

CSS Text Color

<p style="color:olive;">This CSS text color is olive</p>

This results in:

This CSS text color is olive

CSS Text Align

<p style="text-align:right;">This CSS text is aligned right</p>

This results in:

This CSS text is aligned right

CSS Text Indent

Indents the first line of the paragraph.


<p style="text-indent:50px;">This text is indented by 50 pixels. What this means is that the first line of the paragraph will be indented by 50 pixels, but the following lines will not be indented. The text will need to wrap before you can see the indent - hence all this text!</p>

This results in:

This text is indented by 50 pixels. What this means is that the first line of the paragraph will be indented by 50 pixels, but the following lines will not be indented. The text will need to wrap before you can see the indent - hence all this text!

CSS Letter Spacing

<p style="letter-spacing:5px;">This text has letter spacing applied</p>

This results in:

This text has letter spacing applied

CSS Word Spacing

<p style="word-spacing:50px;">This text has word spacing applied</p>

This results in:

This text has word spacing applied

CSS Text Decoration

<p style="text-decoration:overline;">This text has a line over the top</p>

<p style="text-decoration:line-through;">This text has a line through the middle</p>
<p style="text-decoration:underline;">This text has a line underneath</p>
<a style="text-decoration:none;" a href="/css/properties/css_text-decoration.cfm" >
This hyperlink has no underline</a>
<p style="text-decoration:blink;">This text is blinking</p>

This results in:

This text has a line over the top

This text has a line through the middle

This text has a line underneath

This hyperlink has no underline

This text is blinking

CSS Text Transform

<p style="text-transform:uppercase;">This text has been transformed to uppercase</p>
<p style="text-transform:lowercase;">THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE</p>
<p style="text-transform:capitalize;">this text has been capitalized.</p>

This results in:

This text has been transformed to uppercase

THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE

this text has been capitalized.

CSS Text Direction


<p style="direction:rtl;">This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...</p>

This results in:

This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...

CSS unicode-bidi

Use this in conjunction with the direction property to determine the direction of the text. Possible values: normal, embed, bidi-override, and inherit.


<p style="direction:rtl;unicode-bidi:bidi-override;">This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...</p>

This results in:

This text is running from right to left. This can be useful for languages where the text runs from right to left. Not so useful for english though...

CSS Text Shadow


<p style="text-shadow:4px 4px 8px blue;">If your browser supports the CSS text-shadow property, this text will have a shadow.</p>

This results in:

If your browser supports the CSS text-shadow property, this text will have a shadow.

CSS White Space

Tells the browser how to handle white space. Possible values: normal, pre, and nowrap.

<p style="white-space:pre;">This text has a line break
and the white-space pre setting tells the browser to honor it
just like the HTML pre tag.</p>

This results in:

This text has a line break
and the white-space pre setting tells the browser to honor it
just like the HTML pre tag.

CSS Font Family


<p style="font-family:georgia,garamond,serif;">This text is rendered in either georgia, garamond, or the default serif font (depending on which font the user's system has).</p>

This results in:

This text is rendered in either georgia, garamond, or the default serif font (depending on which font the user's system has).

CSS Font Size

Enables you to set the size of the text. For info on the possible values, see the CSS font-size page.


<p style="font-size:20px;">This text is using a font size of 20 pixels.</p>

This results in:

This text is using a font size of 20 pixels.

CSS Font Size Adjust

This property enables you to adjust the x-height to make fonts more legible. For more info, see the font-size-adjust page.


<p style="font-size-adjust:0.58;">This text is using a font-size-adjust value.</p>

This results in:

This text is using a font-size-adjust value.

CSS Font Stretch

This property relies on the user's computer to have an expanded or condensed version of the font being used. For all possible values, see the font-stretch page.


<p style="font-stretch:ultra-expanded;">If your computer has an expanded version of the font being used, this text will be stretched.</p>

This results in:

If your computer has an expanded version of the font being used, this text will be stretched.

CSS Font Style


<p style="font-style:italic;">This text is in italics.</p>

This results in:

This text is in italics.

CSS Font Variant

Enables you to set your text to use small caps.


<p style="font-variant:small-caps;">This Text Is Using Small Caps.</p>

This results in:

This Text Is Using Small Caps.

CSS Font Weight

Enables you to set your text to bold.


<p style="font-weight:bold;">This text is bold.</p>

This results in:

This text is bold.

CSS Font Property

The font property is a shorthand property that enables you to set all font properties in one go.


<p style="font:italic small-caps bold 20px georgia,garamond,serif;">The styles for this text has been specified with the 'font' shorthand property.</p>

This results in:

The styles for this text has been specified with the 'font' shorthand property.

CSS ID Syntax

The syntax for declaring a CSS ID is the same as for classes - except that instead of using a dot, you use a hash (#).

#id-name { property:value; }

Again, similar to classes, if you want to use the same id name for multiple elements, but each with a different style, you can prefix the hash with the HTML element name.

html-element-name#id-name { property:value; }

CSS ID Example

<head>
<style type="text/css">
h1#css-section { color:#000099 }
p#css-section { color:#999999; }
</style>
</head>
<body>
<h1 id="css-section">CSS ID</h1>
<p id="css-section">CSS IDs can be very useful</p>

</body>

This results in:

CSS ID

CSS IDs can be very useful

IDs vs Classes

Given classes and IDs are very similar, you may be wondering which one to use. This depends on the situation.

When to use classes

You should use classes when your style needs to be applied multiple times on the same page. For example, you might have many h1 elements that need the same style applied.

When to use IDs

You should use IDs if only one element on the page should have the style applied, and/or you need a unique identifier for that element. For example, you might assign an ID to a div tag which contains your left menu. The styles for this ID could contain the position, background-color, float properties, size etc. You probably wouldn't want any other element on the page to use this particular style.

Another useful thing about IDs is that you can use the Document Object Model (DOM) to refer to them. This enables you to use JavaScript/DHTML techniques to build a much more interactive web site.

Setting Margins on all Sides

<div style="border:1px solid blue;">
<p style="border:1px solid orange;margin:20px;">

This text has a margin of 20 pixels on all four sides.
It is nested within a div with a border to make it easier to see the effect of the margin.
</p>
</div>

This results in:

This text has a margin of 20 pixels on all four sides. It is nested within a div with a border to make it easier to see the effect of the margin.

Setting Margins for Each Side

If you don't want the margin settings to be applied to all four sides, or if you want each side to have different margins applied, you can use the following properties:

margin-bottom

margin-left

margin-right

margin-top

Example:


<p style="border:1px solid orange;margin-left:60px;">This text has a left margin of 60 pixels.</p>

This results in:

This text has a left margin of 60 pixels.

Setting Borders on all Sides

To set border styles for all sides of an element, you use the border-width, border-style, and border-color properties. You can also use the border property to set all properties at once.

'border-width', 'border-style', and 'border-color'


<p style="border-width:1px;border-style:solid;border-color:blue;">This text has border styles applied using the border-width, border-style, and border-color properties.</p>

This results in:

This text has border styles applied using the border-width, border-style, and border-color properties.

The 'border' Property

The 'border' property is shorthand for setting border-width, border-style, and border-color.


<p style="border:1px solid blue;">This text has border styles applied using the border property.</p>

This results in:

This text has border styles applied using the border property.

Border Styles

Borders can have the following styles.

<p style="border:4px solid blue;">This text has a border style of 'solid'.</p>

<p style="border:4px dotted blue;">This text has a border style of 'dotted'.</p>
<p style="border:4px dashed blue;">This text has a border style of 'dashed'.</p>
<p style="border:4px double blue;">This text has a border style of 'double'.</p>

<p style="border:4px groove blue;">This text has a border style of 'groove'.</p>
<p style="border:4px ridge blue;">This text has a border style of 'ridge'.</p>
<p style="border:4px inset blue;">This text has a border style of 'inset'.</p>

<p style="border:4px outset blue;">This text has a border style of 'outset'.</p>
<p style="border:4px hidden blue;">This text has a border style of 'hidden'.</p>

This results in:

This text has a border style of 'solid'.

This text has a border style of 'dotted'.

This text has a border style of 'dashed'.

This text has a border style of 'double'.

This text has a border style of 'groove'.

This text has a border style of 'ridge'.

This text has a border style of 'inset'.

This text has a border style of 'outset'.

This text has a border style of 'hidden'.

Setting Borders for Each Side

If you don't want the border settings to be applied to all four sides, or if you want each side to have different styles applied, you can use the following properties:

Explicit Properties

border-bottom-color

border-bottom-style

border-bottom-width

border-left-color

border-left-style

border-left-width

border-right-color

border-right-style

border-right-width

border-top-color

border-top-style

border-top-width

Example:


<p style="border-bottom-width:4px;border-bottom-style:double;border-bottom-color:blue;">This text has a bottom border.</p>

This results in:

This text has a bottom border.

Shorthand Properties

The following properties provide you with a more concise way of specifying border properties for each side.

border-bottom

border-left

border-right

border-top

Example:


<p style="border-bottom:4px double blue;">This text has a bottom border.</p>

This results in:

This text has a bottom border.

Wednesday, June 11, 2008

HTML Marquee Code ធ្វើអក្សររត់

HTML Marquee Code

TIP: You can make it easy on yourself by using the marquee generator.

Example Marquee Code

Note that if you can't view the examples, it's likely that your browser doesn't support the marquee tag.

Slide-in text:

This text slides in from the left, then stays where it is. You will need to refresh this page to see the effect again.

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="slide" direction="left">Your slide-in text goes here</marquee><br />

This code results in:

Your slide-in text goes here

Continuous scrolling text:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee><br />

This code results in:

Your scrolling text goes here

Text bouncing back and forth:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="alternate">Your bouncing text goes here</marquee><br />

This code results in:

Your bouncing text goes here

Text Scrolling Upwards:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee><br />

This code results in:

Your upward scrolling text goes here

Change the Scrolling Speed:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><br /><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><br /><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee><br />

This code results in:

Slow scroll speed

Medium scroll speed

Fast scroll speed

Scrolling Images:

Simply replace the src="... part with the location of your own image.

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="scroll" direction="left"><img src="http://3.bp.blogspot.com/_jsh8ETlAeWg/SD0lSh-JzZI/AAAAAAAAAAQ/ztFqIvOFSXs/S220/socheatk.JPG" width="100" height="100" alt="socheat" /><img border="0" width="892" src="Http://socheatkhmer.wordpress.com/files/2007/08/31.gif" height="40"/><img border="0" width="892" src="Http://socheatkhmer.wordpress.com/files/2007/08/41.gif" height="40"/><img border="0" width="67" src="http://www.zabzaa.com/freeanimation/animation/email_md_wht4.gif" height="40"/></marquee><br />

This code results in:

Have you checked out the marquee generator?

Enjoy this website?

Link to this page (copy/paste into your own website or blog):

<a href="http://socheatk.blogspot.com/2008/06/html-marquee-code.html">HTML Marquee Code</a> from socheatk.blogspot.com

Add this page to your favorite social bookmarks sites:

Friday, June 6, 2008

Color code chart

COLOR NAME	CODE	COLOR
Black	#000000	Black
Gray0	#150517	Gray0
Gray18	#250517	Gray18
Gray21	#2B1B17	Gray21
Gray23	#302217	Gray23
Gray24	#302226	Gray24
Gray25	#342826	Gray25
Gray26	#34282C	Gray26
Gray27	#382D2C	Gray27
Gray28	#3b3131	Gray28
Gray29	#3E3535	Gray29
Gray30	#413839	Gray30
Gray31	#41383C	Gray31
Gray32	#463E3F	Gray32
Gray34	#4A4344	Gray34
Gray35	#4C4646	Gray35
Gray36	#4E4848	Gray36
Gray37	#504A4B	Gray37
Gray38	#544E4F	Gray38
Gray39	#565051	Gray39
Gray40	#595454	Gray40
Gray41	#5C5858	Gray41
Gray42	#5F5A59	Gray42
Gray43	#625D5D	Gray43
Gray44	#646060	Gray44
Gray45	#666362	Gray45
Gray46	#696565	Gray46
Gray47	#6D6968	Gray47
Gray48	#6E6A6B	Gray48
Gray49	#726E6D	Gray49
Gray50	#747170	Gray50
Gray	#736F6E	Gray
Slate Gray4	#616D7E	Slate Gray4
Slate Gray	#657383	Slate Gray
Light Steel Blue4	#646D7E	Light Steel Blue4
Light Slate Gray	#6D7B8D	Light Slate Gray
Cadet Blue4	#4C787E	Cadet Blue4
Dark Slate Gray4	#4C7D7E	Dark Slate Gray4
Thistle4	#806D7E	Thistle4
Medium Slate Blue	#5E5A80	Medium Slate Blue
Medium Purple4	#4E387E	Medium Purple4
Midnight Blue	#151B54	Midnight Blue
Dark Slate Blue	#2B3856	Dark Slate Blue
Dark Slate Gray	#25383C	Dark Slate Gray
Dim Gray	#463E41	Dim Gray
Cornflower Blue	#151B8D	Cornflower Blue
Royal Blue4	#15317E	Royal Blue4
Slate Blue4	#342D7E	Slate Blue4
Royal Blue	#2B60DE	Royal Blue
Royal Blue1	#306EFF	Royal Blue1
Royal Blue2	#2B65EC	Royal Blue2
Royal Blue3	#2554C7	Royal Blue3
Deep Sky Blue	#3BB9FF	Deep Sky Blue
Deep Sky Blue2	#38ACEC	Deep Sky Blue2
Slate Blue	#3574EC7	Slate Blue
Deep Sky Blue3	#3090C7	Deep Sky Blue3
Deep Sky Blue4	#25587E	Deep Sky Blue4
Dodger Blue	#1589FF	Dodger Blue
Dodger Blue2	#157DEC	Dodger Blue2
Dodger Blue3	#1569C7	Dodger Blue3
Dodger Blue4	#153E7E	Dodger Blue4
Steel Blue4	#2B547E	Steel Blue4
Steel Blue	#4863A0	Steel Blue
Slate Blue2	#6960EC	Slate Blue2
Violet	#8D38C9	Violet
Medium Purple3	#7A5DC7	Medium Purple3
Medium Purple	#8467D7	Medium Purple
Medium Purple2	#9172EC	Medium Purple2
Medium Purple1	#9E7BFF	Medium Purple1
Light Steel Blue	#728FCE	Light Steel Blue
Steel Blue3	#488AC7	Steel Blue3
Steel Blue2	#56A5EC	Steel Blue2
Steel Blue1	#5CB3FF	Steel Blue1
Sky Blue3	#659EC7	Sky Blue3
Sky Blue4	#41627E	Sky Blue4
Slate Blue	#737CA1	Slate Blue
Slate Blue	#737CA1	Slate Blue
Slate Gray3	#98AFC7	Slate Gray3
Violet Red	#F6358A	Violet Red
Violet Red1	#F6358A	Violet Red1
Violet Red2	#E4317F	Violet Red2
Deep Pink	#F52887	Deep Pink
Deep Pink2	#E4287C	Deep Pink2
Deep Pink3	#C12267	Deep Pink3
Deep Pink4	#7D053F	Deep Pink4
Medium Violet Red	#CA226B	Medium Violet Red
Violet Red3	#C12869	Violet Red3
Firebrick	#800517	Firebrick
Violet Red4	#7D0541	Violet Red4
Maroon4	#7D0552	Maroon4
Maroon	#810541	Maroon
Maroon3	#C12283	Maroon3
Maroon2	#E3319D	Maroon2
Maroon1	#F535AA	Maroon1
Magenta	#FF00FF	Magenta
Magenta1	#F433FF	Magenta1
Magenta2	#E238EC	Magenta2
Magenta3	#C031C7	Magenta3
Medium Orchid	#B048B5	Medium Orchid
Medium Orchid1	#D462FF	Medium Orchid1
Medium Orchid2	#C45AEC	Medium Orchid2
Medium Orchid3	#A74AC7	Medium Orchid3
Medium Orchid4	#6A287E	Medium Orchid4
Purple	#8E35EF	Purple
Purple1	#893BFF	Purple1
Purple2	#7F38EC	Purple2
Purple3	#6C2DC7	Purple3
Purple4	#461B7E	Purple4
Dark Orchid4	#571B7e	Dark Orchid4
Dark Orchid	#7D1B7E	Dark Orchid
Dark Violet	#842DCE	Dark Violet
Dark Orchid3	#8B31C7	Dark Orchid3
Dark Orchid2	#A23BEC	Dark Orchid2
Dark Orchid1	#B041FF	Dark Orchid1
Plum4	#7E587E	Plum4
Pale Violet Red	#D16587	Pale Violet Red
Pale Violet Red1	#F778A1	Pale Violet Red1
Pale Violet Red2	#E56E94	Pale Violet Red2
Pale Violet Red3	#C25A7C	Pale Violet Red3
Pale Violet Red4	#7E354D	Pale Violet Red4
Plum	#B93B8F	Plum
Plum1	#F9B7FF	Plum1
Plum2	#E6A9EC	Plum2
Plum3	#C38EC7	Plum3
Thistle	#D2B9D3	Thistle
Thistle3	#C6AEC7	Thistle3
Lavendar Blush2	#EBDDE2	Lavender Blush2
Lavendar Blush3	#C8BBBE	Lavender Blush3
Thistle2	#E9CFEC	Thistle2
Thistle1	#FCDFFF	Thistle1
Lavendar	#E3E4FA	Lavender
Lavendar Blush	#FDEEF4	Lavender Blush
Light Steel Blue1	#C6DEFF	Light Steel Blue1
Light Blue	#ADDFFF	Light Blue
Light Blue1	#BDEDFF	Light Blue1
Light Cyan	#E0FFFF	Light Cyan
Slate Gray1	#C2DFFF	Slate Gray1
Slate Gray2	#B4CFEC	Slate Gray2
Light Steel Blue2	#B7CEEC	Light Steel Blue2
Turquoise1	#52F3FF	Turquoise1
Cyan	#00FFFF	Cyan
Cyan1	#57FEFF	Cyan1
Cyan2	#50EBEC	Cyan2
Turquoise2	#4EE2EC	Turquoise2
Medium Turquoise	#48CCCD	Medium Turquoise
Turquoise	#43C6DB	Turquoise
Dark Slate Gray1	#9AFEFF	Dark Slate Gray1
Dark Slate Gray2	#8EEBEC	Dark slate Gray2
Dark Slate Gray3	#78c7c7	Dark Slate Gray3
Cyan3	#46C7C7	Cyan3
Turquoise3	#43BFC7	Turquoise3
Cadet Blue3	#77BFC7	Cadet Blue3
Pale Turquoise3	#92C7C7	Pale Turquoise3
Light Blue2	#AFDCEC	Light Blue2
Dark Turquoise	#3B9C9C	Dark Turquoise
Cyan4	#307D7E	Cyan4
Light Sea Green	#3EA99F	Light Sea Green
Light Sky Blue	#82CAFA	Light Sky Blue
Light Sky Blue2	#A0CFEC	Light Sky Blue2
Light Sky Blue3	#87AFC7	Light Sky Blue3
Sky Blue	#82CAFF	Sky Blue
Sky Blue2	#79BAEC	Sky Blue2
Light Sky Blue4	#566D7E	Light Sky Blue4
Sky Blue	#6698FF	Sky Blue
Light Slate Blue	#736AFF	Light Slate Blue
Light Cyan2	#CFECEC	Light Cyan2
Light Cyan3	#AFC7C7	Light Cyan3
Light Cyan4	#717D7D	Light Cyan4
Light Blue3	#95B9C7	Light Blue3
Light Blue4	#5E767E	Light Blue4
Pale Turquoise4	#5E7D7E	Pale Turquoise4
Dark Sea Green4	#617C58	Dark Sea Green4
Medium Aquamarine	#348781	Medium Aquamarine
Medium Sea Green	#306754	Medium Sea Green
Sea Green	#4E8975	Sea Green
Dark Green	#254117	Dark Green
Sea Green4	#387C44	Sea Green4
Forest Green	#4E9258	Forest Green
Medium Forest Green	#347235	Medium Forest Green
Spring Green4	#347C2C	Spring Green4
Dark Olive Green4	#667C26	Dark Olive Green4
Chartreuse4	#437C17	Chartreuse4
Green4	#347C17	Green4
Medium Spring Green	#348017	Medium Spring Green
Spring Green	#4AA02C	Spring Green
Lime Green	#41A317	Lime Green
Spring Green	#4AA02C	Spring Green
Dark Sea Green	#8BB381	Dark Sea Green
Dark Sea Green3	#99C68E	Dark Sea Green3
Green3	#4CC417	Green3
Chartreuse3	#6CC417	Chartreuse3
Yellow Green	#52D017	Yellow Green
Spring Green3	#4CC552	Spring Green3
Sea Green3	#54C571	Sea Green3
Spring Green2	#57E964	Spring Green2
Spring Green1	#5EFB6E	Spring Green1
Sea Green2	#64E986	Sea Green2
Sea Green1	#6AFB92	Sea Green1
Dark Sea Green2	#B5EAAA	Dark Sea Green2
Dark Sea Green1	#C3FDB8	Dark Sea Green1
Green	#00FF00	Green
Lawn Green	#87F717	Lawn Green
Green1	#5FFB17	Green1
Green2	#59E817	Green2
Chartreuse2	#7FE817	Chartreuse2
Chartreuse	#8AFB17	Chartreuse
Green Yellow	#B1FB17	Green Yellow
Dark Olive Green1	#CCFB5D	Dark Olive Green1
Dark Olive Green2	#BCE954	Dark Olive Green2
Dark Olive Green3	#A0C544	Dark Olive Green3
Yellow	#FFFF00	Yellow
Yellow1	#FFFC17	Yellow1
Khaki1	#FFF380	Khaki1
Khaki2	#EDE275	Khaki2
Goldenrod	#EDDA74	Goldenrod
Gold2	#EAC117	Gold2
Gold1	#FDD017	Gold1
Goldenrod1	#FBB917	Goldenrod1
Goldenrod2	#E9AB17	Goldenrod2
Gold	#D4A017	Gold
Gold3	#C7A317	Gold3
Goldenrod3	#C68E17	Goldenrod3
Dark Goldenrod	#AF7817	Dark Goldenrod
Khaki	#ADA96E	Khaki
Khaki3	#C9BE62	Khaki3
Khaki4	#827839	Khaki4
Dark Goldenrod1	#FBB117	Dark Goldenrod1
Dark Goldenrod2	#E8A317	Dark Goldenrod2
Dark Goldenrod3	#C58917	Dark Goldenrod3
Sienna1	#F87431	Sienna1
Sienna2	#E66C2C	Sienna2
Dark Orange	#F88017	Dark Orange
Dark Orange1	#F87217	Dark Orange1
Dark Orange2	#E56717	Dark Orange2
Dark Orange3	#C35617	Dark Orange3
Sienna3	#C35817	Sienna3
Sienna	#8A4117	Sienna
Sienna4	#7E3517	Sienna4
Indian Red4	#7E2217	Indian Red4
Dark Orange3	#7E3117	Dark Orange3
Salmon4	#7E3817	Salmon4
Dark Goldenrod4	#7F5217	Dark Goldenrod4
Gold4	#806517	Gold4
Goldenrod4	#805817	Goldenrod4
Light Salmon4	#7F462C	Light Salmon4
Chocolate	#C85A17	Chocolate
Coral3	#C34A2C	Coral3
Coral2	#E55B3C	Coral2
Coral	#F76541	Coral
Dark Salmon	#E18B6B	Dark Salmon
Salmon1	#F88158	Pale Turquoise4
Salmon2	#E67451	Salmon2
Salmon3	#C36241	Salmon3
Light Salmon3	#C47451	Light Salmon3
Light Salmon2	#E78A61	Light Salmon2
Light Salmon	#F9966B	Light Salmon
Sandy Brown	#EE9A4D	Sandy Brown
Hot Pink	#F660AB	Hot Pink
Hot Pink1	#F665AB	Hot Pink1
Hot Pink2	#E45E9D	Hot Pink2
Hot Pink3	#C25283	Hot Pink3
Hot Pink4	#7D2252	Hot Pink4
Light Coral	#E77471	Light Coral
Indian Red1	#F75D59	Indian Red1
Indian Red2	#E55451	Indian Red2
Indian Red3	#C24641	Indian Red3
Red	#FF0000	Red
Red1	#F62217	Red1
Red2	#E41B17	Red2
Firebrick1	#F62817	Firebrick1
Firebrick2	#E42217	Firebrick2
Firebrick3	#C11B17	Firebrick3
Pink	#FAAFBE	Pink
Rosy Brown1	#FBBBB9	Rosy Brown1
Rosy Brown2	#E8ADAA	Rosy Brown2
Pink2	#E7A1B0	Pink2
Light Pink	#FAAFBA	Light Pink
Light Pink1	#F9A7B0	Light Pink1
Light Pink2	#E799A3	Light Pink2
Pink3	#C48793	Pink3
Rosy Brown3	#C5908E	Rosy Brown3
Rosy Brown	#B38481	Rosy Brown
Light Pink3	#C48189	Light Pink3
Rosy Brown4	#7F5A58	Rosy Brown4
Light Pink4	#7F4E52	Light Pink4
Pink4	#7F525D	Pink4
Lavendar Blush4	#817679	Lavendar Blush4
Light Goldenrod4	#817339	Light Goldenrod4
Lemon Chiffon4	#827B60	Lemon Chiffon4
Lemon Chiffon3	#C9C299	Lemon Chiffon3
Light Goldenrod3	#C8B560	Light Goldenrod3
Light Golden2	#ECD672	Light Golden2
Light Goldenrod	#ECD872	Light Goldenrod
Light Goldenrod1	#FFE87C	Light Goldenrod1
Lemon Chiffon2	#ECE5B6	Lemon Chiffon2
Lemon Chiffon	#FFF8C6	Lemon Chiffon
Light Goldenrod Yellow	#FAF8CC	Light Goldenrod Yellow

khmer people working in thai

Labels

Friday, May 15, 2009

CSS float

Read more!

document.write(ultimaFecha);

Relative Positioning

Absolute Positioning

Fixed Positioning

Read more!

document.write(ultimaFecha);

'height' and 'width' Properties

'max-height' and 'max-width' Properties

'min-height' and 'min-width' Properties

Read more!

document.write(ultimaFecha);

List Style Type

List Style Image

List Style Position

List Style

Marker Offset

Read more!

document.write(ultimaFecha);

Setting Padding on all Sides

Setting Padding for Each Side

Read more!

document.write(ultimaFecha);

CSS Background Color

CSS Background Image

CSS Background Repeat

CSS Background Position

CSS Background Attachment

Shorthand Code

Read more!

document.write(ultimaFecha);

CSS Text Color

CSS Text Align

CSS Text Indent

CSS Letter Spacing

CSS Word Spacing

CSS Text Decoration

CSS Text Transform

CSS Text Direction

CSS unicode-bidi

CSS Text Shadow

CSS White Space

Read more!

document.write(ultimaFecha);

Read more!

document.write(ultimaFecha);

CSS Font Family

CSS Font Size

CSS Font Size Adjust

CSS Font Stretch

CSS Font Style

CSS Font Variant

CSS Font Weight

CSS Font Property

Read more!

document.write(ultimaFecha);

CSS ID Syntax

CSS ID Example

CSS ID

IDs vs Classes

When to use classes

When to use IDs

Read more!

document.write(ultimaFecha);

Setting Margins on all Sides

Setting Margins for Each Side

Read more!

document.write(ultimaFecha);

Read more!

document.write(ultimaFecha);

Setting Borders on all Sides

'border-width', 'border-style', and 'border-color'

The 'border' Property

Border Styles

Setting Borders for Each Side

Explicit Properties