SEO Forums















                                          
User   Password   remember     (register)  ?

CSS Style Properties


Back to css.


guest-cssparam    (2008-12-16)
CSS Style Properties

Hi,

Here are the most common CSS Style Properties (Parameters), very useful. A small example to display hints in forms :

<input type="text" name="username" size="15" value="Your username" style="color: #AAAAAA; font-style: italic;" onfocus="if (this.value == 'Your username') {this.value=''; this.style.color='#000000'; this.style.fontStyle='normal';}">



Text properties

text-transform : Sets the case of the text (capitalize, uppercase, lowercase, none)

vertical-align : Aligns the element vertically to the baseline (baseline, sub, super, top, text-top, middle, bottom, text-bottom)

text-align : Aligns the element horizontally across the page or within division (left, right, center, justify)

text-indent : Sets the amount of indent for the first line of a text block (XX units)

line-height : Specifies the distance between baselines of consecutive lines of text (normal, XX units)

word-spacing : Allows to control the space between words (normal, XX units)

letter-spacing : Allows to control the space between letters (normal, XX units)

text-decoration : See parameters (underline, overline, line-through, blink, none)


Font properties

font-family : Specifies the font family, or typeface, to use for the element (futura, helvetica, arial, sans-serif...)

font-style : Specifies the style of type to use for the element (normal, italic, oblique)

font-variant : Allows to select the small caps style of the typeface (normal, small-caps)

font-weight : Allows to select the weight or boldness of the font (lighter, normal, bold, bolder)

font-size : Allows to select the size of the type in the font (XX units)


Color and Background Properties

color: Sets the color of the element (color name or HEX)

background-color : Sets the color for the background of the element (color name or HEX)

background-image : Specifies an image to use for the background of an element (url(URL))

background-repeat : Specifies how and if a background image is repeated (repeat, repeat-x, repeat-y, no-repeat)

background-attachment : Allows to attach the background image so that it doesn't scroll (scroll, fixed)

background-position : Sets the initial position of the background image (top, center, bottom, left, center, right)


Placement Properties

margin-top : Places the top margin of the element (XX units, auto)

margin-bottom : Places the bottom margin of the element (XX units, auto)

margin-left : Places the left margin of the element (XX units, auto)

margin-right : Places the right margin of the element (XX units, auto)

padding-top : Inserts padding at the top of the element (XX units, auto)

padding-bottom : Inserts padding at the bottom of the element (XX units, auto)

padding-left : Inserts padding along the left side of the element (XX units, auto)

padding-right : Inserts padding along the right side of the element (XX units, auto)


Table Properties

border-width : Sets the width of the element's border (thin, medium, thick, none)

border-style : Sets the style of the element's border (none, dotted, dashed, solid, double, groove, ridge, inset, outset)

border-color : Sets the color of the element's border (color name or HEX)

border, border-top, border-bottom, border-left, border-right : Sets the width, color, and style of the border simultaneously (width value, style value, color value)

height : Sets the height of the element (XX units)

width : Sets the width of the element (XX units)

float : Places the element to the left or right and flows text around it (right, left, none)

clear : Prevents text from flowing around an element (right, left, none)


Classification Properties

display : Specifies the category of object an element belongs to (none, block, inline, list-item)

white-space : Describes how white space should be handled within the block elements (normal, pre, nowrap)

list-style-type : Sets the type of symbol that appears in front of a list item (disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper, alpha)

list-style-image : Selects a specific image to serve as a bullet in front of list items (url(URL))

list-style-position : Describes how the bullet marker and text in a list line up with each other (inside, outside)


ficgs
Suggestions

 jessett.com > css > css style properties
www.jessett.com/web_sites/css/css_style_properties.shtml

 Complete Flex 3 CSS Style Properties List | building blocks
joelhooks.com/2008/06/15/complete-flex-3-css-style-properties-list/

 CSS Style Property: list-style-position
webdesign.about.com/od/styleproperties/p/blspliststylepo.htm

 Properties : CSS 2.1 Reference : Cultured Code
culturedcode.com/css/reference.html

 Cascading Style Sheets - Wikipedia, the free encyclopedia
en.wikipedia.org/wiki/Cascading_Style_Sheets



ficgs
More suggestions

This is a collaborative page, you may change the order of these suggestions by registering, then clicking the icons before the titles.


 Designing with CSS – Part 2: Defining style properties and working with floats | Adobe Developer Connection
www.adobe.com/devnet/dreamweaver/articles/css_concepts_pt2_cs3.html

 CSS Properties List
www.pageresource.com/dhtml/cssprops.htm

 learn web standards :: css guide - text style properties
www.westciv.com/style_master/academy/css_tutorial/properties/text_style.htm

 Using CSS to Style the Milonic Menu
support.milonic.com/beginners/css_styling/

 CSS - Style sheets
en.kioskea.net/contents/css/cssproperty.php3

 WCSS Tutorial: Learn WAP CSS border-style, border-width, border-color Properties through Examples
www.developershome.com/wap/wcss/wcss_tutorial.asp?page=borderProperties

  [SOLVED] javascript how to retrieve css style property [Archive] - Ubuntu Forums
ubuntuforums.org/archive/index.php/t-499951.html

 CSS Tutorials: Centering with CSS, Links, Style Switching, Switchers, CSS Shorthand Properties - CSS Tutorials Tips - CSS Resources, Web Site Resource...
websitetips.com/css/tutorials2/

 [#TRINIDAD-1453] need a public API to get the CSS style properties on the server in our renderers. - ASF JIRA
issues.apache.org/jira/browse/TRINIDAD-1453

 Free CSS | Free CSS Tutorials | (X)HTML CSS Style Tag Properties
www.free-css.com/free-css-tutorials/basic-css-tutorials/tag-properties.php

 CSS shorthand properties - an introduction
home.no.net/junjun/html/shorthand.html

 Style Changes with the W3C DOM
www.aglasshalffull.org/css-resources/Style-Changes-with-the-W3C-DOM.htm

 DreamWeaver tutorial - How to create a CSS Style for your site with Dreamweaver
www.siteground.com/tutorials/dreamweaver/css_styles.htm

  'div' CSS Attributes and JavaScript Style Properties : div « HTML Tag Reference « HTML CSS Reference
www.java2s.com/Code/HTMLCSSReference/HTML-Tag-Reference/divCSSAttributesand

 Mobile style - CSS Mobile Profile 2.0 - Opera Developer Community
dev.opera.com/articles/view/mobile-style-css-mobile-profile-2-0/

 TopXML : The outline-style property (CSS Reference)
www.topxml.com/css/css_property_outline-style.asp

 Css property text - css style for the text
css.flepstudio.org/en/css-properties/text.html



Response  
  Smilies

Guest name   (optional)       Register for more options.



Trackbacks : If you talked about this article in your blog or website, you may instantly get a backlink 
  There's no trackback at the moment.









 

FICGS message




SEO forums and chat - Search engines optimization



 
Please download Flash player.
March 16, 2010

 

Buttons: Facebook, Twitter, MySpace, Google, Technorati, Yahoo buzz... Ficgs Facebook Myspace Twitter Google Technorati Stumble upon Delicious Digg Yahoo buzz Wikio Furl Reddit Linkedin Squidoo Newsvine Yahoo My Web Blogmarks Comments Blinklist Email

You comment I follow : Links included in comments will be "dofollow" if your post is not an obvious spam, comments are published instantly.


Write upside down to your friends !
(works with MySpace, Twitter, Facebook, Youtube, MSN, Hi5, Bebo, Yahoo...)







FICGS is also a Free Internet Correspondence Games Server.

Here you can play Chess, Go & Poker Texas Holdem online for free in rated class tournaments and a unique world championship.

Free Internet Chess & Go Server


Feel free to link to FICGS :