Join Easy-Forex, THE site for forex trading. Best Website for hosting
Download Forex Joe's Free Book
You Know Free Practice Trading Account,Trading Forex A currency trade is the simultaneous buying of one currency and selling of another one. The currency combination used in the trade is called a cross (for example, the euro/US dollar, or the GB pound/Japanese yen.). The most commonly traded currencies are the so-called "majors" – EURUSD, USDJPY, USDCHF and GBPUSD.

CSS Border

The following CSS border codes demonstrate the various CSS properties you can use to apply styles to the border of any HTML element.



CSS allows you to set styles for the border of any HTML element. It also provides you with a way of setting border styles for one or more sides of an element.



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.





Related Posts by Categories



U want get it? click here | Yul Jet

Comments :

0 comments to “CSS Border”

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

 

Blogger Torturial

Visitor From...

Followers

Copyright © 2009 by Blogger Torturial , Help Blogger , Fixs Blogger, Techlogy today

Join Easy-Forex, THE site for forex trading. Best Website for hosting
Download Forex Joe's Free Book
Template by Blog Templste 4 U | Blogspot Tutorial