XML - Managing Data Exchange/CSS/Reference

CSS Properties background · background-attachment · background-color · background-image · background-position · background-repeat · border-collapse · border-color · border-spacing · bottom · caption-side · clear · clip · color · content · counter-increment · counter-reset · cursor · direction · display · empty-cells · font · font-size-adjust · font-stretch · font-style · font-variant · height · left · letter-spacing · line-break · line-height · list-style · list-style-image · list-style-position · list-style-type · marker-offset · max-height · max-width · min-height · min-width · outline · outline-color · outline-style · outline-width · overflow · position · quotes · right · ruby-align · ruby-overhang · ruby-position · table-layout · text-autospace · text-indent · text-justify · text-kashida-space · text-shadow · text-transform · text-underline-position · top · unicode-bidi · vertical-align · visibility · voice-family · volume · white-space · widows · width · word-break · word-spacing · word-wrap (size) Sizes (width,height,font-size,border-width) in CSS take a number followed by one of the unit identifiers below.  pxPixels, relative to the resolution of the screen %Percent, relative to the container pcPicas, absolute typographer unit (1pc = 12pt) ptPoints, absolute typographer unit (1pt=1/72in) emHeight of uppercase M, relative to the font size of the container exHeight of lowercase x, relative to the font size of the container mmMillimeters, absolute metric unit cmCentimeters, absolute metric unit inInches, absolute imperial unit (1in = 2.54cm) (location) Absolute or relative top (y) and left (x) position of a component. autoinherit(size) azimuth behind center center-left center-right far-left far-right inherit left left-side leftwards right right-side rightwards background-repeat ■ ■ ■■ ■ ■■ ■ ■repeatThe background image will be tiled vertically and horizontally■ ■ ■repeat-xThe background image will be repeated horizontally. Slim long images are often used to create vertical gradients.■■■repeat-yThe background image will be repeated vertically no-repeatThe background-image will be displayed only once border Shorthand property for border-width, border-style,border-color affecting all 4 borders. border-style if only one value is passed it will affect all 4 borders. if two values are passed, the first one will affect the horizontal borders and the second the vertical ones. if four values are passed it will refer to the borders in this order: top, right, bottom, left    none   hidden   dotted   dashed   solid   double   groove   ridge   inset   outset border-width if only one value is passed it will affect all 4 borders. if two values are passed, the first one will affect the horizontal borders and the second the vertical ones. if four values are passed it will refer to the borders in this order: top, right, bottom, left thinDefines a thin border.mediumDefines a medium border.thickDefines a thick border.(size)Allows you to define the thickness of the borders. caption-side bottominheritleftrighttop clear bothinheritleftnoneright color A CSS color value can be defined in RGB, HEX or by name. The system colors are based on the colors used by the client user interface. See List of colors for more information.    rgb(RRR,GGG,BBB)Every part is an integer number between 0 and 255. Example: rgb(127,0,255)    #RRGGBBEvery part is a hexadecimal integer value between 00 and FF. Example: #AABBCC aliceblue#F0F8FF antiquewhite#FAEBD7 aqua#00FFFF aquamarine#7FFFD4 azure#F0FFFF beige#F5F5DC bisque#FFE4C4 black#000000 blanchedalmond#FFEBCD blue#0000FF blueviolet#8A2BE2 brown#A52A2A burlywood#DEB887 cadetblue#5F9EA0 chartreuse#7FFF00 chocolate#D2691E coral#FF7F50 cornflowerblue#6495ED cornsilk#FFF8DC crimson#DC143C cyan#00FFFF darkblue#00008B darkcyan#008B8B darkgoldenrod#B8860B darkgray#A9A9A9 darkgreen#006400 darkkhaki#BDB76B darkmagenta#8B008B darkolivegreen#556B2F darkorange#FF8C00 darkorchid#9932CC darkred#8B0000 darksalmon#E9967A darkseagreen#8FBC8B darkslateblue#483D8B darkslategray#2F4F4F darkturquoise#00CED1 darkviolet#9400D3 deeppink#FF1493 deepskyblue#00BFFF dimgray#696969 dodgerblue#1E90FF firebrick#B22222 floralwhite#FFFAF0 forestgreen#228B22 fuchsia#FF00FF gainsboro#DCDCDC ghostwhite#F8F8FF gold#FFD700 goldenrod#DAA520 gray#808080 green#008000 greenyellow#ADFF2F honeydew#F0FFF0 hotpink#FF69B4 indianred#CD5C5C indigo#4B0082 ivory#FFFFF0 khaki#F0E68C lavender#E6E6FA lavenderblush#FFF0F5 lawngreen#7CFC00 lemonchiffon#FFFACD lightblue#ADD8E6 lightcoral#F08080 lightcyan#E0FFFF lightgoldenrodyellow#FAFAD2 lightgreen#90EE90 lightgrey#D3D3D3 lightpink#FFB6C1 lightsalmon#FFA07A lightseagreen#20B2AA lightskyblue#87CEFA lightslategray#778899 lightsteelblue#B0C4DE lightyellow#FFFFE0 lime#00FF00 limegreen#32CD32 linen#FAF0E6 magenta#FF00FF maroon#800000 mediumaquamarine#66CDAA mediumblue#0000CD mediumorchid#BA55D3 mediumpurple#9370DB mediumseagreen#3CB371 mediumslateblue#7B68EE mediumspringgreen#00FA9A mediumturquoise#48D1CC mediumvioletred#C71585 midnightblue#191970 mintcream#F5FFFA mistyrose#FFE4E1 moccasin#FFE4B5 navajowhite#FFDEAD navy#000080 oldlace#FDF5E6 olive#808000 olivedrab#6B8E23 orange#FFA500 orangered#FF4500 orchid#DA70D6 palegoldenrod#EEE8AA palegreen#98FB98 paleturquoise#AFEEEE palevioletred#DB7093 papayawhip#FFEFD5 peachpuff#FFDAB9 peru#CD853F pink#FFC0CB plum#DDA0DD powderblue#B0E0E6 purple#800080 red#FF0000 rosybrown#BC8F8F royalblue#041690 saddlebrown#8B4513 salmon#FA8072 sandybrown#F4A460 seagreen#2E8B57 seashell#FFF5EE sienna#A0522D silver#C0C0C0 skyblue#87CEEB slateblue#6A5ACD slategray#708090 snow#FFFAFA springgreen#00FF7F steelblue#4682B4 tan#D2B48C teal#008080 thistle#D8BFD8 tomato#FF6347 turquoise#40E0D0 violet#EE82EE wheat#F5DEB3 white#FFFFFF whitesmoke#F5F5F5 yellow#FFFF00yellowgreen#9ACD32 transparenttransparent25pxImage:OS winxp icon.pngImage:OS vista icon.png25px25px25pxImage:OS mac icon.png25px activeborderActive window border. activecaptionActive window caption. (Titlebar) appworkspaceBackground color of multiple document interface (MDI). backgroundDesktop background. buttonfaceFace color for three-dimensional display elements. buttonhighlightHighlight color for three-dimensional display elements (for edges facing away from the light source). buttonshadowShadow color for three-dimensional display elements. buttontextText on push buttons. captiontextText in caption (titlebar), size box, and scrollbar arrow box. graytextGrayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color. highlightItem(s) selected in a control. highlighttextText of item(s) selected in a control. inactiveborderInactive window border. inactivecaptionInactive window caption (titlebar). inactivecaptiontextColor of text in an inactive caption (titlebar). infobackgroundBackground color for tooltip controls. infotextText color for tooltip controls. menuMenu background. menutextText in menus. scrollbarScroll bar gray area. threeddarkshadowDark shadow for three-dimensional display elements. threedfaceFace color for three-dimensional display elements. threedhighlightHighlight color for three-dimensional display elements. threedlightshadowLight color for three-dimensional display elements (for edges facing the light source). threedshadowthreedshadow windowWindow background. windowframeWindow frame. windowtextText in windows. float See also: clear,display noneleftright font-family Font Familycursivedefault cursive font on client computerFont Familyfantasydefault fantasy font on client computerFont Familymonospacedefault monospace font on client computerFont Familysans-serifdefault sans-serif font on client computerFont Familyserifdefault serif font on client computerFont Family(font name)Example: ImpactFont Family(csv list of font names)Example: Verdana,Arial,Helvetica,sans-serifFont Family(csv list of font names)Example: 'Times New Roman',serifFont Family(csv list of font names)Example: 'Courier New',Courier,monospace font-size Font Size(size)Example:11pxFont Sizexx-smallvery small relative to defaultFont Sizex-smallextra small relative to defaultFont Sizesmallersmaller than defaultFont SizesmallsmallFont Sizeinheritinherit the font size of the parent or defaultFont SizemediummediumFont Sizelargerlarger than defaultFont SizelargelargeFont Sizex-largeextra large relative to defaultFont Sizexx-largevery large relative to default font-style normalnormalitalicitalicobliquea variant of italic font-variant normalThe browser displays a normal fontsmall-capsThe browser displays a small-caps font font-weight 100200300400500600700800900boldbolderlighternormal position inheritabsolutefixedrelativestatic text-align ABCDEFGHIJKMLNOPQRSTUVWXYZ0123456789inheritinherited from the containerABCDEFGHIJKMLNOPQRSTUVWXYZ0123456789leftleft (default in LTR language)ABCDEFGHIJKMLNOPQRSTUVWXYZ0123456789centercenterABCDEFGHIJKMLNOPQRSTUVWXYZ0123456789rightright (default in RTL languages)ABCDEFGHIJKMLNOPQRSTUVWXYZ0123456789justifyspace is added between words to create a visual block of text text-decoration text-decorationblinkreplaces the Netscape <blink> element.text-decorationinherittext-decorationline-throughreplaces the deprecated <s> and <strike> elements.text-decorationnonetext-decorationoverlinetext-decorationunderlinereplaces the deprecated <u> element. text-transform text-transformnoneDefault. Text is not transformed.text-transformcapitalizeTransforms the first character of each word to uppercase.text-transformuppercaseTransforms all the characters to uppercase.text-transformlowercaseTransforms all the characters to lowercase. vertical-align baselineThe element is placed on the baseline of the parent elementsubAligns the element as it was subscriptsuperAligns the element as it was superscripttopThe top of the element is aligned with the top of the tallest element on the linetext-topThe top of the element is aligned with the top of the parent element's fontmiddleThe element is placed in the middle of the parent elementbottomThe bottom of the element is aligned with the lowest element on the linetext-bottomThe bottom of the element is aligned with the bottom of the parent element's font%Aligns the element in a % value of the line-height property. Negative values are allowed visibility collapsehiddeninheritvisible volume inheritloudmediumsilentsoftx-loudx-soft white-space inheritnormalnowrappre word-spacing inheritnormal(size) z-index autoinherit(integer) See Also CSS Programming Comparison of layout engines