P. 1
CSS2 Reference

CSS2 Reference

4.0

|Views: 75|Likes:
Published by bongtorno

More info:

Published by: bongtorno on Mar 23, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

07/25/2010

pdf

text

original

CSS2 Reference

CSS2 Reference
The links in the "Property" column point to more useful information about each property. • Background • Generated Content • Positioning

• • •

Border Classification Dimension

• • •

List and Marker Margin Outlines

• • •

Table Text Pseudo-classes

• Font • Padding • Pseudo-elements Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape. W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).

Background
Property background Description Values IE 4 F 1 N 6 W3C 1 A shorthand property for setting all background-color background properties in one background-image declaration background-repeat background-attachment background-position Sets whether a background image is scroll fixed or scrolls with the rest of the fixed page Sets the background color of an element color-rgb color-hex color-name transparent url(URL) none top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos

background-attachment

4

1

6

1

background-color

4

1

4

1

background-image background-position

Sets an image as the background Sets the starting position of a background image

4 4

1 1

4 6

1 1

background-repeat

Sets if/how a background image will repeat be repeated repeat-x repeat-y no-repeat

4

1

4

1

Border
Property border Description Values IE 4 F 1 N 4 W3C 1 A shorthand property for setting all border-width of the properties for the four border-style borders in one declaration border-color A shorthand property for setting all border-bottom-width of the properties for the bottom border-style border in one declaration border-color Sets the color of the bottom border border-color Sets the style of the bottom border border-style Sets the width of the bottom border thin medium thick length Sets the color of the four borders, can have from one to four colors color

border-bottom

4

1

6

1

border-bottom-color border-bottom-style border-bottom-width

4 4 4

1 1 1

6 6 4

2 2 1

border-color border-left

4 4

1 1

6 6

1 1

A shorthand property for setting all border-left-width of the properties for the left border border-style in one declaration border-color Sets the color of the left border Sets the style of the left border border-color border-style

border-left-color border-left-style

4 4

1 1

6 6

2 2

border-left-width

Sets the width of the left border

thin medium thick length

4

1

4

1

border-right

A shorthand property for setting all border-right-width of the properties for the right border border-style in one declaration border-color Sets the color of the right border Sets the style of the right border Sets the width of the right border border-color border-style thin medium thick length none hidden dotted dashed solid double groove ridge inset outset

4

1

6

1

border-right-color border-right-style border-right-width

4 4 4

1 1 1

6 6 4

2 2 1

border-style

Sets the style of the four borders, can have from one to four styles

4

1

6

1

border-top

A shorthand property for setting all border-top-width of the properties for the top border border-style in one declaration border-color Sets the color of the top border Sets the style of the top border Sets the width of the top border border-color border-style thin medium thick length

4

1

6

1

border-top-color border-top-style border-top-width

4 4 4

1 1 1

6 6 4

2 2 1

border-width

A shorthand property for setting the thin width of the four borders in one medium declaration, can have from one to thick four values length

4

1

4

1

Classification
Property clear Description Values IE 4 F 1 N 4 W3C 1 Sets the sides of an element where left other floating elements are not right allowed both none Specifies the type of cursor to be displayed url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help

cursor

4

1

6

2

display

Sets how/if an element is displayed none inline block list-item run-in compact marker table inline-table

4

1

4

1

table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption float Sets where an image or a text will appear in another element Places an element in a static, relative, absolute or fixed position left right none static relative absolute fixed 4 1 4 1

position

4

1

4

2

visibility

Sets if an element should be visible visible or invisible hidden collapse

4

1

6

2

Dimension
Property height Description Sets the height of an element Values auto length % normal number length % none length % none length % length % length % auto % length IE 4 F 1 N 6 W3C 1

line-height

Sets the distance between lines

4

1

4

1

max-height

Sets the maximum height of an element Sets the maximum width of an element Sets the minimum height of an element Sets the minimum width of an element Sets the width of an element

-

1

6

2

max-width

-

1

6

2

min-height min-width width

4

1 1 1

6 6 4

2 2 1

Font
Property font Description Values IE 4 F 1 N 4 W3C 1 A shorthand property for setting all font-style of the properties for a font in one font-variant declaration font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar A prioritized list of font family family-name names and/or generic family names generic-family for an element Sets the size of a font xx-small x-small small medium large x-large xx-large smaller larger length

font-family

3

1

4

1

font-size

3

1

4

1

% font-size-adjust Specifies an aspect value for an element that will preserve the xheight of the first-choice font Condenses or expands the current font-family none number normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded normal italic oblique 1 2

font-stretch

-

-

-

2

font-style

Sets the style of the font

4

1

4

1

font-variant font-weight

Displays text in a small-caps font or normal a normal font small-caps Sets the weight of a font normal bold bolder lighter 100 200 300 400 500 600 700 800 900

4 4

1 1

6 4

1 1

Generated Content
Property content Description Generates content in a document. Used with the :before and :after pseudo-elements Values string url counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, liststyle-type) attr(X) open-quote close-quote no-open-quote no-close-quote IE F 1 N 6 W3C 2

counter-increment

Sets how much the counter none increments on each occurrence of a identifier number selector Sets the value the counter is set to none on each occurrence of a selector identifier number Sets the type of quotation marks none string string 1 6

2

counter-reset quotes

2 2

List and Marker
Property list-style Description Values IE 4 F 1 N 6 W3C 1 A shorthand property for setting all list-style-type of the properties for a list in one list-style-position declaration list-style-image Sets an image as the list-item marker Sets where the list-item marker is placed in the list none url inside outside

list-style-image list-style-position list-style-type

4 4 4

1 1 1

6 6 4

1 1 1

Sets the type of the list-item markernone disc circle

square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha marker-offset auto length 1 7 2

Margin
Property margin Description Values IE 4 F 1 N 4 W3C 1 A shorthand property for setting the margin-top margin properties in one declaration margin-right margin-bottom margin-left Sets the bottom margin of an element Sets the left margin of an element auto length % auto length %

margin-bottom

4

1

4

1

margin-left

3

1

4

1

margin-right

Sets the right margin of an element auto length % Sets the top margin of an element auto length %

3

1

4

1

margin-top

3

1

4

1

Outlines
Property outline Description Values IE F N W3C 2 A shorthand property for setting all outline-color the outline properties in one outline-style declaration outline-width Sets the color of the outline around color an element invert Sets the style of the outline around none an element dotted dashed solid double groove ridge inset outset Sets the width of the outline around thin an element medium thick length 1.5 -

outline-color outline-style

-

1.5 1.5 -

2 2

outline-width

-

1.5 -

2

Padding
Property padding Description Values IE 4 F 1 N 4 W3C 1 A shorthand property for setting all padding-top of the padding properties in one padding-right declaration padding-bottom padding-left

padding-bottom padding-left padding-right padding-top

Sets the bottom padding of an element

length %

4 4 4 4

1 1 1 1

4 4 4 4

1 1 1 1

Sets the left padding of an element length % Sets the right padding of an element length %

Sets the top padding of an element length %

Positioning
Property bottom Description Values IE 5 F 1 N 6 W3C 2 Sets how far the bottom edge of an auto element is above/below the bottom % edge of the parent element length Sets the shape of an element. The element is clipped into this shape, and displayed Sets how far the left edge of an element is to the right/left of the left edge of the parent element shape auto auto % length

clip

4

1

6

2

left

4

1

4

2

overflow

Sets what happens if the content of visible an element overflow its area hidden scroll auto Places an element in a static, relative, absolute or fixed position static relative absolute fixed auto % length auto % length baseline sub super top text-top middle bottom text-bottom length % auto number

4

1

6

2

position

4

1

4

2

right

Sets how far the right edge of an element is to the left/right of the right edge of the parent element Sets how far the top edge of an element is above/below the top edge of the parent element Sets the vertical alignment of an element

5

1

6

2

top

4

1

4

2

vertical-align

4

1

4

1

z-index

Sets the stack order of an element

4

1

6

2

Table
Property border-collapse Description Values IE 5 F 1 N 7 W3C 2 Sets whether the table borders are collapse collapsed into a single border or separate detached as in standard HTML Sets the distance that separates cell length length borders (only for the "separated borders" model) Sets the position of the table caption top bottom left right

border-spacing

5M

1

6

2

caption-side

5M

1

6

2

empty-cells

Sets whether or not to show empty show cells in a table (only for the hide "separated borders" model) Sets the algorithm used to display the table cells, rows, and columns auto fixed

5M

1

6

2

table-layout

5

1

6

2

Text

Property color direction line-height

Description Sets the color of a text Sets the text direction Sets the distance between lines

Values color ltr rtl normal number length % normal length left right center justify none underline overline line-through blink length % none color length

IE 3 6 4

F 1 1 1

N 4 6 4

W3C 1 2 1

letter-spacing text-align

Increase or decrease the space between characters Aligns the text in an element

4 4

1 1

6 4

1 1

text-decoration

Adds decoration to text

4

1

4

1

text-indent text-shadow

Indents the first line of text in an element

4

1

4

1

text-transform

Controls the letters in an element

none capitalize uppercase lowercase normal embed bidi-override

4

1

4

1

unicode-bidi

5

2

white-space

Sets how white space inside an element is handled Increase or decrease the space between words

normal pre nowrap normal length

5

1

4

1

word-spacing

6

1

6

1

Pseudo-classes
Pseudo-class :active :focus :hover :link :visited :first-child :lang Purpose Adds special style to an activated element Adds special style to an element while the element has focus Adds special style to an element when you mouse over it Adds special style to an unvisited link Adds special style to a visited link Adds special style to an element that is the first child of some other element Allows the author to specify a language to use in a specified element IE 4 4 3 3 F 1 1 1 1 1 1 N 8 7 4 4 7 8 W3C 1 2 1 1 1 2 2

1.5 8

Pseudo-elements
Pseudo-element :first-letter :first-line :before :after Purpose Adds special style to the first letter of a text Adds special style to the first line of a text Inserts some content before an element Inserts some content after an element IE 5 5 F 1 1 N 8 8 W3C 1 1 2 2

1.5 8 1.5 8

CSS2 Print Reference
Print Properties
Printing HTML documents has always been problematic. In CSS2 the print properties are added to make it easier to print from the Web. The links in the "Property" column point to more useful information about the specific property.

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2). Property orphans marks Description Sets the minimum number of lines for a paragraph that must be left at the bottom of a page Sets what sort of marks should be rendered outside the page box Sets a page type to use when displaying an element Sets the page-breaking behavior after an element Values number none crop cross auto identifier auto always avoid left right auto always avoid left right auto avoid auto portrait landscape number 2 2 2 W3C 2

page page-break-after

page-break-before

Sets the page-breaking behavior before an element

2

page-break-inside size

Sets the page-breaking behavior inside an element Sets the orientation and size of a page

2

widows

Sets the minimum number of lines for a paragraph that must be left at the top of a page

CSS2 Aural Reference
Aural Style Sheets
Aural style sheets use a combination of speech synthesis and sound effects to make the user listen to information, instead of reading information. Aural presentation can be used:

• • • • • •

by blind people to help users learning to read to help users who have reading problems for home entertainment in the car by print-impaired communities

The aural presentation converts the document to plain text and feed this to a screen reader (a program that reads all the characters on the screen). An example of an Aural style sheet:

h1, h2, h3, h4 { voice-family: male; richness: 80; cue-before: url("beep.au") }
The example above will make the speech synthesizer play a sound, then speak the headers in a very rich male voice.

CSS2 Aural Reference
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2). Property azimuth Description Values W3C 2 Sets where the sound/voices should angle come from (horizontally) left-side far-left left center-left center center-right right

far-right right-side behind leftwards rightwards cue A shorthand property for setting the cue-before cue-before and cue-after properties cue-after in one declaration Specifies a sound to be played after none speaking an element's content to url delimit it from other Specifies a sound to be played before speaking an element's content to delimit it from other none url 2

cue-after

2

cue-before

2

elevation

Sets where the sound/voices should angle come from (vertically) below level above higher lower A shorthand property for setting the pause-before pause-before and pause-after pause-after properties in one declaration Specifies a pause after speaking an time element's content % Specifies a pause before speaking an element's content Specifies the speaking voice time % frequency x-low low medium high x-high

2

pause

2

pause-after pause-before pitch

2 2 2

pitch-range

Specifies the variation in the number speaking voice. (Monotone voice or animated voice?) Specifies a sound to be played while auto speaking an element's content none url mix repeat Specifies the richness in the speaking voice. (Rich voice or thin voice?) Specifies whether content will render aurally number

2

play-during

2

richness

2

speak

normal none spell-out

2

speak-header

Specifies how to handle table always headers. Should the headers be once spoken before every cell, or only before a cell with a different header than the previous cell Specifies how to speak numbers digits continuous

2

speak-numeral speak-punctuation speech-rate

2 2 2

Specifies how to speak punctuation none characters code Specifies the speed of the speaking number x-slow slow medium fast x-fast faster slower Specifies the "stress" in the speaking voice A prioritized list of voice family names that contain specific voices Specifies the volume of the number specific-voice generic-voice number

stress voice-family volume

2 2 2

speaking

% silent x-soft soft medium loud x-loud

CSS Units
Measurements
Unit % in cm mm em Description percentage inch centimeter millimeter 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses one ex is the x-height of a font (x-height is usually about half the font-size) point (1 pt is the same as 1/72 inch) pica (1 pc is the same as 12 points) pixels (a dot on the computer screen)

ex pt pc px

Colors
Unit color_name rgb(x,x,x) rgb(x%, x%, x%) #rrggbb Description A color name (e.g. red) An RGB value (e.g. rgb(255,0,0)) An RGB percentage value (e.g. rgb(100%,0%,0%)) A HEX number (e.g. #ff0000)

CSS Colors
Colors are displayed combining RED, GREEN, and BLUE light.

Color Values
CSS colors are defined using a hexadecimal (hex) notation for the combination of Red, Green, and Blue color values (RGB). The lowest value that can be given to one of the light sources is 0 (hex 00). The highest value is 255 (hex FF). Hex values are written as 3 double digit numbers, starting with a # sign. Color #000000 #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF #FF00FF #C0C0C0 #FFFFFF Color HEX Color RGB rgb(0,0,0) rgb(255,0,0) rgb(0,255,0) rgb(0,0,255) rgb(255,255,0) rgb(0,255,255) rgb(255,0,255) rgb(192,192,192) rgb(255,255,255)

16 Million Different Colors
The combination of Red, Green and Blue values from 0 to 255 gives a total of more than 16 million different colors to play with (256 x 256 x 256). Most modern monitors are capable of displaying at least 16384 different colors.

If you look at the color table below, you will see the result of varying the red light from 0 to 255, while keeping the green and blue light at zero. To see a full list of color mixes when the red light varies from 0 to 255, click on one of the hex or rgb values below. Red Light #000000 #080000 #100000 #180000 #200000 #280000 #300000 #380000 #400000 #480000 #500000 #580000 #600000 #680000 #700000 #780000 #800000 #880000 #900000 #980000 #A00000 #A80000 #B00000 #B80000 #C00000 #C80000 #D00000 #D80000 #E00000 #E80000 #F00000 #F80000 #FF0000 HEX RGB rgb(0,0,0) rgb(8,0,0) rgb(16,0,0) rgb(24,0,0) rgb(32,0,0) rgb(40,0,0) rgb(48,0,0) rgb(56,0,0) rgb(64,0,0) rgb(72,0,0) rgb(80,0,0) rgb(88,0,0) rgb(96,0,0) rgb(104,0,0) rgb(112,0,0) rgb(120,0,0) rgb(128,0,0) rgb(136,0,0) rgb(144,0,0) rgb(152,0,0) rgb(160,0,0) rgb(168,0,0) rgb(176,0,0) rgb(184,0,0) rgb(192,0,0) rgb(200,0,0) rgb(208,0,0) rgb(216,0,0) rgb(224,0,0) rgb(232,0,0) rgb(240,0,0) rgb(248,0,0) rgb(255,0,0)

Shades of Gray
Gray colors are displayed using an equal amount of power to all of the light sources. To make it easier for you to select the right gray color we have compiled a table of gray shades for you: RGB(0,0,0) RGB(8,8,8) RGB(16,16,16) RGB(24,24,24) RGB(32,32,32) RGB(40,40,40) RGB(48,48,48) RGB(56,56,56) RGB(64,64,64) RGB(72,72,72) RGB(80,80,80) RGB(88,88,88) RGB(96,96,96) RGB(104,104,104) RGB(112,112,112) RGB(120,120,120) #000000 #080808 #101010 #181818 #202020 #282828 #303030 #383838 #404040 #484848 #505050 #585858 #606060 #686868 #707070 #787878

RGB(128,128,128) RGB(136,136,136) RGB(144,144,144) RGB(152,152,152) RGB(160,160,160) RGB(168,168,168) RGB(176,176,176) RGB(184,184,184) RGB(192,192,192) RGB(200,200,200) RGB(208,208,208) RGB(216,216,216) RGB(224,224,224) RGB(232,232,232) RGB(240,240,240) RGB(248,248,248) RGB(255,255,255)

#808080 #888888 #909090 #989898 #A0A0A0 #A8A8A8 #B0B0B0 #B8B8B8 #C0C0C0 #C8C8C8 #D0D0D0 #D8D8D8 #E0E0E0 #E8E8E8 #F0F0F0 #F8F8F8 #FFFFFF

Cross-Browser Color Names
A collection of nearly 150 color names are supported by all major browsers.

Web Standard Color Names
The World Wide Web Consortium (W3C) has listed 16 valid color names for HTML and CSS: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. If you want to use other colors, you should specify their HEX value.

Web Safe Colors?
Some years ago, when computers supported max 256 different colors, a list of 216 "Web Safe Colors" was suggested as a Web standard, reserving 40 fixed system colors. This is not important now, since most computers can display millions of different colors, but the choice is left to you. The 216 cross-browser color palette was created to ensure that all computers would display the colors correctly when running a 256 color palette: 000000 003300 006600 009900 00CC00 00FF00 330000 333300 336600 339900 33CC00 33FF00 660000 663300 666600 669900 66CC00 66FF00 990000 993300 000033 003333 006633 009933 00CC33 00FF33 330033 333333 336633 339933 33CC33 33FF33 660033 663333 666633 669933 66CC33 66FF33 990033 993333 000066 003366 006666 009966 00CC66 00FF66 330066 333366 336666 339966 33CC66 33FF66 660066 663366 666666 669966 66CC66 66FF66 990066 993366 000099 003399 006699 009999 00CC99 00FF99 330099 333399 336699 339999 33CC99 33FF99 660099 663399 666699 669999 66CC99 66FF99 990099 993399 0000CC 0033CC 0066CC 0099CC 00CCCC 00FFCC 3300CC 3333CC 3366CC 3399CC 33CCCC 33FFCC 6600CC 6633CC 6666CC 6699CC 66CCCC 66FFCC 9900CC 9933CC 0000FF 0033FF 0066FF 0099FF 00CCFF 00FFFF 3300FF 3333FF 3366FF 3399FF 33CCFF 33FFFF 6600FF 6633FF 6666FF 6699FF 66CCFF 66FFFF 9900FF 9933FF

996600 999900 99CC00 99FF00 CC0000 CC3300 CC6600 CC9900 CCCC00 CCFF00 FF0000 FF3300 FF6600 FF9900 FFCC00 FFFF00

996633 999933 99CC33 99FF33 CC0033 CC3333 CC6633 CC9933 CCCC33 CCFF33 FF0033 FF3333 FF6633 FF9933 FFCC33 FFFF33

996666 999966 99CC66 99FF66 CC0066 CC3366 CC6666 CC9966 CCCC66 CCFF66 FF0066 FF3366 FF6666 FF9966 FFCC66 FFFF66

996699 999999 99CC99 99FF99 CC0099 CC3399 CC6699 CC9999 CCCC99 CCFF99 FF0099 FF3399 FF6699 FF9999 FFCC99 FFFF99

9966CC 9999CC 99CCCC 99FFCC CC00CC CC33CC CC66CC CC99CC CCCCCC CCFFCC FF00CC FF33CC FF66CC FF99CC FFCCCC FFFFCC

9966FF 9999FF 99CCFF 99FFFF CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF FF00FF FF33FF FF66FF FF99FF FFCCFF FFFFFF

CSS Color Values
CSS Color Values
The table below provides a list of the color values that are supported by all major browsers. Click on a hex value (or a color name) to view the color as the background-color along with different text colors: Link: Same list sorted by names Color Name Black Navy DarkBlue MediumBlue Blue DarkGreen Green Teal DarkCyan DeepSkyBlue DarkTurquoise MediumSpringGreen Lime SpringGreen Aqua Cyan MidnightBlue DodgerBlue LightSeaGreen ForestGreen SeaGreen DarkSlateGray LimeGreen MediumSeaGreen Turquoise RoyalBlue SteelBlue DarkSlateBlue Color HEX #000000 #000080 #00008B #0000CD #0000FF #006400 #008000 #008080 #008B8B #00BFFF #00CED1 #00FA9A #00FF00 #00FF7F #00FFFF #00FFFF #191970 #1E90FF #20B2AA #228B22 #2E8B57 #2F4F4F #32CD32 #3CB371 #40E0D0 #4169E1 #4682B4 #483D8B Color

MediumTurquoise Indigo DarkOliveGreen CadetBlue CornflowerBlue MediumAquaMarine DimGray SlateBlue OliveDrab SlateGray LightSlateGray MediumSlateBlue LawnGreen Chartreuse Aquamarine Maroon Purple Olive Gray SkyBlue LightSkyBlue BlueViolet DarkRed DarkMagenta SaddleBrown DarkSeaGreen LightGreen MediumPurple DarkViolet PaleGreen DarkOrchid YellowGreen Sienna Brown DarkGray LightBlue GreenYellow PaleTurquoise LightSteelBlue PowderBlue FireBrick DarkGoldenRod MediumOrchid RosyBrown DarkKhaki Silver MediumVioletRed IndianRed Peru Chocolate Tan LightGrey PaleVioletRed

#48D1CC #4B0082 #556B2F #5F9EA0 #6495ED #66CDAA #696969 #6A5ACD #6B8E23 #708090 #778899 #7B68EE #7CFC00 #7FFF00 #7FFFD4 #800000 #800080 #808000 #808080 #87CEEB #87CEFA #8A2BE2 #8B0000 #8B008B #8B4513 #8FBC8F #90EE90 #9370D8 #9400D3 #98FB98 #9932CC #9ACD32 #A0522D #A52A2A #A9A9A9 #ADD8E6 #ADFF2F #AFEEEE #B0C4DE #B0E0E6 #B22222 #B8860B #BA55D3 #BC8F8F #BDB76B #C0C0C0 #C71585 #CD5C5C #CD853F #D2691E #D2B48C #D3D3D3 #D87093

Thistle Orchid GoldenRod Crimson Gainsboro Plum BurlyWood LightCyan Lavender DarkSalmon Violet PaleGoldenRod LightCoral Khaki AliceBlue HoneyDew Azure SandyBrown Wheat Beige WhiteSmoke MintCream GhostWhite Salmon AntiqueWhite Linen LightGoldenRodYellow OldLace Red Fuchsia Magenta DeepPink OrangeRed Tomato HotPink Coral Darkorange LightSalmon Orange LightPink Pink Gold PeachPuff NavajoWhite Moccasin Bisque MistyRose BlanchedAlmond PapayaWhip LavenderBlush SeaShell Cornsilk LemonChiffon

#D8BFD8 #DA70D6 #DAA520 #DC143C #DCDCDC #DDA0DD #DEB887 #E0FFFF #E6E6FA #E9967A #EE82EE #EEE8AA #F08080 #F0E68C #F0F8FF #F0FFF0 #F0FFFF #F4A460 #F5DEB3 #F5F5DC #F5F5F5 #F5FFFA #F8F8FF #FA8072 #FAEBD7 #FAF0E6 #FAFAD2 #FDF5E6 #FF0000 #FF00FF #FF00FF #FF1493 #FF4500 #FF6347 #FF69B4 #FF7F50 #FF8C00 #FFA07A #FFA500 #FFB6C1 #FFC0CB #FFD700 #FFDAB9 #FFDEAD #FFE4B5 #FFE4C4 #FFE4E1 #FFEBCD #FFEFD5 #FFF0F5 #FFF5EE #FFF8DC #FFFACD

FloralWhite Snow Yellow LightYellow Ivory White

#FFFAF0 #FFFAFA #FFFF00 #FFFFE0 #FFFFF0 #FFFFFF

Note: The names above are not a part of the W3C web standard. The W3C HTML and CSS standards have listed only 16 valid color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. If you want valid HTML or CSS use the HEX values instead.

CSS Color Names
CSS Color Names
The table below provides a list of the color names that are supported by all major browsers. Click on a color name (or a hex value) to view the color as the background-color along with different text colors: Link: Same list sorted by values Color Name AliceBlue AntiqueWhite Aqua Aquamarine Azure Beige Bisque Black BlanchedAlmond Blue BlueViolet Brown BurlyWood CadetBlue Chartreuse Chocolate Coral CornflowerBlue Cornsilk Crimson Cyan DarkBlue DarkCyan DarkGoldenRod DarkGray DarkGreen DarkKhaki DarkMagenta DarkOliveGreen Darkorange DarkOrchid DarkRed DarkSalmon DarkSeaGreen DarkSlateBlue Color HEX #F0F8FF #FAEBD7 #00FFFF #7FFFD4 #F0FFFF #F5F5DC #FFE4C4 #000000 #FFEBCD #0000FF #8A2BE2 #A52A2A #DEB887 #5F9EA0 #7FFF00 #D2691E #FF7F50 #6495ED #FFF8DC #DC143C #00FFFF #00008B #008B8B #B8860B #A9A9A9 #006400 #BDB76B #8B008B #556B2F #FF8C00 #9932CC #8B0000 #E9967A #8FBC8F #483D8B Color

DarkSlateGray DarkTurquoise DarkViolet DeepPink DeepSkyBlue DimGray DodgerBlue FireBrick FloralWhite ForestGreen Fuchsia Gainsboro GhostWhite Gold GoldenRod Gray Green GreenYellow HoneyDew HotPink IndianRed Indigo Ivory Khaki Lavender LavenderBlush LawnGreen LemonChiffon LightBlue LightCoral LightCyan LightGoldenRodYellow LightGrey LightGreen LightPink LightSalmon LightSeaGreen LightSkyBlue LightSlateGray LightSteelBlue LightYellow Lime LimeGreen Linen Magenta Maroon MediumAquaMarine MediumBlue MediumOrchid MediumPurple MediumSeaGreen MediumSlateBlue MediumSpringGreen

#2F4F4F #00CED1 #9400D3 #FF1493 #00BFFF #696969 #1E90FF #B22222 #FFFAF0 #228B22 #FF00FF #DCDCDC #F8F8FF #FFD700 #DAA520 #808080 #008000 #ADFF2F #F0FFF0 #FF69B4 #CD5C5C #4B0082 #FFFFF0 #F0E68C #E6E6FA #FFF0F5 #7CFC00 #FFFACD #ADD8E6 #F08080 #E0FFFF #FAFAD2 #D3D3D3 #90EE90 #FFB6C1 #FFA07A #20B2AA #87CEFA #778899 #B0C4DE #FFFFE0 #00FF00 #32CD32 #FAF0E6 #FF00FF #800000 #66CDAA #0000CD #BA55D3 #9370D8 #3CB371 #7B68EE #00FA9A

MediumTurquoise MediumVioletRed MidnightBlue MintCream MistyRose Moccasin NavajoWhite Navy OldLace Olive OliveDrab Orange OrangeRed Orchid PaleGoldenRod PaleGreen PaleTurquoise PaleVioletRed PapayaWhip PeachPuff Peru Pink Plum PowderBlue Purple Red RosyBrown RoyalBlue SaddleBrown Salmon SandyBrown SeaGreen SeaShell Sienna Silver SkyBlue SlateBlue SlateGray Snow SpringGreen SteelBlue Tan Teal Thistle Tomato Turquoise Violet Wheat White WhiteSmoke Yellow YellowGreen

#48D1CC #C71585 #191970 #F5FFFA #FFE4E1 #FFE4B5 #FFDEAD #000080 #FDF5E6 #808000 #6B8E23 #FFA500 #FF4500 #DA70D6 #EEE8AA #98FB98 #AFEEEE #D87093 #FFEFD5 #FFDAB9 #CD853F #FFC0CB #DDA0DD #B0E0E6 #800080 #FF0000 #BC8F8F #4169E1 #8B4513 #FA8072 #F4A460 #2E8B57 #FFF5EE #A0522D #C0C0C0 #87CEEB #6A5ACD #708090 #FFFAFA #00FF7F #4682B4 #D2B48C #008080 #D8BFD8 #FF6347 #40E0D0 #EE82EE #F5DEB3 #FFFFFF #F5F5F5 #FFFF00 #9ACD32

Note: The names above are not a part of the W3C web standard.

The W3C HTML and CSS standards have listed only 16 valid color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. If you want valid HTML or CSS use the HEX values instead.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->