ʐ
ی Ԑ . ی



 
Portal

 | 
 

  ی (CSS)

         
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: ی (CSS)    23, 2009 8:43 am

ی Cascading Style Sheet ی ی ی ی ی ی یѡ ی ی یی ی ی ی HTML. ی ی ی ی ی ی یی ی HTML Ԙ یی ی ѐی ی ی یی ی. ی ی ی ی ی یی ی ی ی ی. ی ی ی ی ی ی Әс ی ی Ԙ Әс ی Әс ѐ یی ی ی ی.

CSS Әс ی ی ی ی ی ی ی یی ی ی ی ی ی. ی ی ی ی ی یی 捘 ی ی ی یی ی. ی ی ی ی ی ی یی ی ی ی ی ǐ ی ی یی ی ی ی ی یی ی یی یی ی.
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : ی (CSS)    23, 2009 8:44 am

id ی CSS

*


ی ی ی ی ʐ HTML یی ی ی ی. ی ی ی ی ǐ ی: یی Ԙی یی . ی ی ǐ ی ی ی. ی ی ی یی:
p.black {color: black}
p.red {color:red}

ی ی ǐی ی ی Ԙی "class="black ʐ <p> ی ی ǐ "class="red. یی ی ی ی ی ی ی . ی ی ی ǐ HTML ی:
<p class="black">ی ی Ԙی ی ی </p>
<p class="red">ی ی ی .</p>

: ی ی ی ی ی ی ʐ HTML ی ی ی ی ی class . ی ی class ی ی . ی ی ǐ ی ی red center :
<p class="red center">ی ǐی ی red center </p>

ی ی ʐ ی . ی ییی ی ʐ HTML class ی . ی ی یی ی ی ی ی ʐ ی ی:
.center {text-align: center}

ǘ ی ʐی ی ی ی ی ی. ی ی:
<p class="center"> ی ǐ ی ی ی </p>
<div class="center"> ی ی ی ی </div>
<h2 class="center"> ی ی ی ی </h2>

И : ی ی ی ی ѐی Mozilla Firefox ی .

ی ی ی ʐی ی class ی ی ی ی ی . ی ی ی ییی ی ی ʐیی ی ʐ ی class ی ی. ی ییی ی DIV ی DIV ی . ی ی ی ی ی ی ی ی ʐی ی ی ییی ی . ی ی:

ی ی ی ی ی:
.test { border: #F00 1px double }
.test a { color: green }
.test a:hover { border: yellow 2px solid }

HTML ی ی ی ی ی:
<div class="test">
<a href="#">ی یی 1</a>
</div>
<a href="#">ی یی 2</a>

ی ی ی ی ی:
ی یی 1
ی یی 2

ی یی ی یی 1 ی ی ی ʐ DIV ی ی یی 2 ی یی DIV ی ی .



*
ی ی

ی ی ی ی ϡ ی ʐ HTML ی ی ی .ی ی ی ʐ <input> ی ی ی ی ی:

* <"input type="text>
ی ی ی .
* <"input type="checkbox>
ǘ ʐ <input> ی ی.
* <"input type="radio>
Ϙ ی ی ʐ ی .
* <"input type="button>
ی ʐ ی .
* <"input type="submit>
ی Ϙ ʐ <input> ی .

ی ی ی ی ی ی ییی یی یی ی. ی ی : یی ی ǐ یی ی class ʐی ی ی ی ی ی . ی input ی ی ی ی:

ی ی ی ی ی یی ی. ی ی input یی ی ǘ Ϙ Ϙ ی ی ی ی ʐ <input> ی یی ی . ی ی ی ی ی ی ی:
input[type="text"] {
width: 200px
}

یی ی ی ی ی "type="text ی .

ی ѐ Internet Explorer یی ѐی Firefox Opera یی ی .


id

یی ی ی ی id . id ی یی name ʐی HTML ی ی ی ی ی ID . ǐ ی ی ی id یی ییی ی ی ی . id # ی . ی ی "id="border ی ی ی :
#border { border: green thin solid }

ی ی ی ی. ی ی ی:
<h3 id="border">ی ی 3 </h3>
<div id="border">ی ی div </div>

ی ی ی ی ی:
ی ی 3
ی ی div

ی ی ی ی ی ی id ی ی ی ی ی. ی ی ی:
p#border { border: green thin solid }

ی ی ǐی "id="green ی .

: ѐ ی id ی ی ی ѐی Mozilla Firefox ی .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:44 am

CSS ʐی HTML Style

ی ی ی ی style ʐی HTML .
ی ی ی ʐ ی " "=style ʐ ی ییی ی ی ( " ) ی ی. ی ی ی ی ʐ DIV ی ی. ی ʐ DIV ی ی ی.
<div style="property:value"

ی ی ی ی DIV ی ی ی ی ʐ DIV یی:
<div style="color:green"> DIV </div>

ی ی یی color ( green ) ( : ) ی ʐی HTML ی . ی ی ی ی ی ( " ) ی. ی ی ی ѐیی ی ی:
DIV

ی ی ی ی ی ی ی ی ʐی ی ی. ی ی ʐ DIV ی .

ی ی ی ʐ HTML ی ی یی . ی ی ییی ی یѐ ( ; ) ی. ی ǐ ی ی ی DIV یی ی ی ی DIV یی:
<div style="color:red; font-style:italic">ی یی .</div>

ی ی :
ی یی .

ی ی ی ییی ی ʐ HTML ی. ی ی:

<div style="color:blue; font-style:italic; font-weight:bold; font-size:12pt; text-align:center"> ی ی ی.</div>

ی ی ی یی ی 12pt ی :
ی ی ی.

ی ی یی ییی ی ی ی ی ی ی . ی ѐیی ی ʐی HTML ی.
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:44 am

ی ی head HTML

ی ی یی یی ی. ی ی ی ی ی Style HEAD HTML ی ی. ی ی HEAD ʐ <STYLE> ی <STYLE/> ی ی . ی ی ی ی ی ی ی ʐ <SPAN> ی ی ی HEAD .
<head>
<style>
<!--
span { color:red; font-style:italic }
-->
</style>
</head>

ی یی ی ʐ <style> ی . Ӂ ی ی ی ѐیی CSS یی ی ی ی Ȑی ی ی. ی ی ی:
span { color:red; font-style:italic }

ی ی ʐی <STYLE> <STYLE/> ی . ی یی ی ی . ی ی ی ی ی 捘 ѐ ( < > ) ʐی HTML ی ϡ ی. ی ی ی ( " " ) HTML ی ˜ ( { } ) ی ی ی. ی ی ی ی یѐ ( ; ) ی .

ی یی HEAD ی ی ʐ ی ی ی ی ی ʐیی ی ی ی ی ی. ی ی HEAD ی ʐ <SPAN> ی ی یی ی ی ی .

ی ی HTML ی ی:
<span>ی یی ʡ</span> ی ʐ &lt;span&gt; .<br>
<span>ی ی یی .</span>

ی ی ی :
ی یی ʡ ی ʐ <span> .
ی ی یی .

ی ی ی ی ʐی HTML ی ی ی ی. ی ی یی ی ی ی ی ی ی ʐی ی Ȑی. ی CLASS ID ی ی ی .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:45 am

ی ی ی ی HTML

ی ی ی ی ی ی ی ی ی . ی ی ی ی ی ی ی ی یی ی ی .

ی ی ییԐ Notepad ی ی ی ی ی ی. Ӂ ی ی ی ی:
div { font-family:Arial }
.redtext { color:red }

ی example.css ی ی ( ی ی ی ی ی ی ی ی یϡ ی ی ی css. . ).

ی ی ی ی ی ی HTML ی ʐ <LINK> ی HEAD HTML ی ی. ی ی ʐ ی ی ی یی:
<link rel="stylesheet" type="text/css" href="URL">

"rel="stylesheet ی ی ی ی .

"type="text/css ی ی ѐ .

" "=href ی ی . ی ی ی ی ی ǐ ی ی HTML ی ی ی ی.

HTML ی ی ی ی . ی ی ʐ <HEAD> <HEAD/> ی. ی ی CSS ی:
<link rel="stylesheet" type="text/css" href="http://www.neopersia.org/css/example.css">

ی ی ی ی ی ی ی ی ی ی ی ی ی .

ʐ DIV یی Arial . ی ی example.css ی ی ی ی DIV ی Arial ی ی :
<div>ی Arial ی .</div>

ی ی:
ی Arial ی .

ی ی redtext ʐ ی ی :
<p class="redtext">ی ی .<p>

ی ی :

ی ی .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:46 am

ی ֡ ڡ overflow CSS

width

ی ی ی یی ی. ی ی ی ی DIV یی ی. ی ی DIV ی 200 ی یی ی ی:
<div style="width:200px">ی ی 200 ی ی ی ی ی ی .</div>

ی ی :
ی ی 200 ی ی ی ی ی ی .

یی ی width ی ی ی ی ی ی px ی یی. ی ی ( % ) ی.

height

ی ی ی یی ی. ی ی ی ی ی DIV ی ی 100 ی ی ی ی DIV 100 ی DIV 100 ی . ی ی DIV ی 100 ی ی ی DVI 100 . ی ی:

1. ی DIV :
<div style="height:100px"> ی 100 ی .</div>

ی 100 ی .
2. ی DIV ی :
<div style="height:100px"><br>ی<br> <br>100<br>ی <br><br>.</div>


ی

100
ی

.

ǐ ی DIV 100 ی یی ی overflow ی ی. ی ی ی یی ی ی ی DIV ی DIV ѐ ی ی . ی ی overflow hidden ی ی یی ی یی ѐ ی DIV ی . ی ی:
<div style="height:100px;overflow:hidden"><br>ی<br> <br>100<br>ی <br><br>.</div>

ی

100
ی

.

یی ی height ی ی ی ی ی ی px ی یی. ی ی ( % ) ی.

overflow

ی ی ی ی ی ѐ ی ϡ overflow ی ی ی یی ی ی ی . ی ی ی ی ی ی ی ی ی ی ی. ی ی:
<div style="width:200px; overflow:hidden"><nobr> ی ی DIV ی overflow ی ی DIV ی ی .</nobr></div>
ی ی DIV ی overflow ی ی DIV ی ی .

ی ی ی ی overflow ی:

1. visible
ی ی ی overflow یی ی ی ی .
2. hidden
ی ی ی ی ی .
3. scroll
ی ی ی ی ی Ә .

ی ی:
<div style="width:200px; overflow:scroll; border:dashed 1px #3399FF; white-space:nowrap">
ی ی DIV ی overflow ی ی DIV ی ی .
</div>

ی ی:
ی ی DIV ی overflow ی ی DIV ی ی .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:46 am

ی ی ی
(Boder)
border-style

ی ی ی ی ی ی ی ی. border-style ی ی ی ی ی ی ی ی ǐ ی ی ی ی ی ی ی ی. ی ی ی ی یی ی ی ی border-style ی یی:

1. none
ی یی ی ی ی ی ی. ی ی ی none یی ی .

2. solid

This DIV have a solid border

3. dashed

This DIV have a dashed border

4. dotted

This DIV have a dotted border

5. double

This DIV have a double border

6. groove

This DIV have a groove border

7. hidden

This DIV have a hidden border

8. inset

This DIV have a inset border

9. outset

This DIV have a outset border

10. ridge

This DIV have a ridge border

ی یی ی ی یی ی ی ی ی ی ی. ǐ ی ی ی ی width ی ی. ی ی:
<div style="width:300px; border-style:solid">ی ی 300 ی یی .</div>

ی ی :
ی ی 300 ی یی .

border-width

ی ی ی یی ی. ی ی ی ی :

1. ی ی
ی ی ی ی یی ی. ی ی:
<div style="border-style:solid; border-width:10px">ی 10 ی </div>
ی :

ی 10 ی

2. thin
ی ی . ی:
<div style="border-style:solid; border-width:thin"> ی thin .</div>
ی :

ی thin .

3. thick
ی ی ی . ی ی:
<div style="border-style:solid; border-width:thick"> ی thick .</div>
ی ی :

ی thick .


border-color

ی ی ی ی یی ی. ی ی ی border-color ی. ی ی ی ی ی. ی ی ی ی ی ی. یی ی ی یی یی . ǐ ی ی ی ی ی ی.
ی ی یی ی:

:
<div style="border-style:solid; border-color:green">ی .</div>
ی .

ی :
<div style="border-style:solid; border-color:#008000">ی .</div>
ی .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:47 am

ی ی
ی
margin-left

ی ی ی ی ی ی ی ی یی ی. ی ی ی ی . ی ی ی:
<div style="margin-left:200px; border:double">ی DIV ی ی .</div>

ی یی ی DIV 200 ی ی ی :
ی DIV ی ی .
margin-right

ی ی ی ی ی ی یی ی :
<div style="margin-right:200px; border:double">ی DIV ی ی .</div>

ی یی ی DIV 200 ی ی ی :
ی DIV ی ی .
margin-top

ی ی ی ی ی ی ی ی ی یی ی :
<div style="margin-top:100px; border:double">ی DIV ی ی .</div>
ی DIV ی ی .
margin-bottom

ی ی ی ی ی ی ی ی یی یی ی :
<div style="margin-bottom:100px; border:double">ی DIV ی یی .</div>
ی DIV ی یی .
Padding
padding-right

padding CSS cellpadding ی ی ی ǡ یی ǐ ی ی ی ی یی . ی ی ی ی padding ی ی یی:
<div style="padding-right:100px; border-style:double">ی ی DIV 100 ی padding ی .</div>

ی ی ی ی ی:
ی ی DIV 100 ی padding ی .
padding-top

ی ی ی ی ی :
<div style="padding-top:30px; border-style:double">ی ی DIV 30 ی padding ی .</div>

ی ی ی ی ی:
ی ی DIV 30 ی padding ی .
padding-left

padding-right ی ی یی ی .
padding-bottom

padding-top ی ی یی یی ی .

ی ی ی padding right, left, top ی bottom ی ی یϡ margin ی :
<div style="padding:35px; width:250px; border-style:solid "> ی DIV padding ی ی ی.</div>

ی ی:
ی DIV padding ی ی ی.
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:47 am

یی ی CSS
position

یی position ی یی ی ی ی ی ی ی ی . ǐ ی ی ی ی ی یی ی . ی ی ی ی یی . ی ی ی ی ی ی ی یی:

* static :
ی ی ی ی position ی . ی یی ی یی ی ی .
* absolute :
ی ی ی یی ǡ ʡ یی ی ی ی ی.
* fixed :
ی ی ی ی ی ѐ ی. ی ی ی ی یی ی ی ی ی یی ی ی ѐ یی ی ی ی ی . ی ǘӁ ی ی یی یی ی ی ی ǘӁ ی ی ѐی Әی ی یی یی ی .

static

ی یی ی ی ی ی ی . ی ی یی ی ی ییی top, left, bottom, right ی .

ی یی ی ѐ ی ی ی.
fixed

ی ǘӁ ی ی ѐ ی ی یی fixed CSS یی ی ی ی یی ی ی. یی ی . ی И ی ی ی:

ی یی position:fixed ی یی ی ی DIV ی ی:
<div style="position:fixed; top:50%; float:right">ǐ ѐ netscape ی ѐیی firefox opera ی ی ی ی ی div ی ی ی ی.</div>

ǐ ی ی یی ی یی ی ی ی یی ѐی Opera, Netscape ی Firefox ی Ә یی ی:

یی position:fixed ( ی ی ی ).
absolute

یی position:absolute ی ی یی ی ی ی .

ی ی ی ی یی position:absolute یی:
<div style="position:absolute; top:65px; right:20px; border:double #0033cc; width:350px; color:#ffff00; background-color:#33cccc; height: 40px;">ی div ی یی ی ی .</div>

ی یی ی DIV یی 65 ی ی 20 ی یی ی. ی ی ی ی ی ی ی ی:

absolute ی یی position ( ی ی ی ).
top

ی یی ی ی ی یی ی .( ییی top, left, bottom, right ی ی ی ی ی ی یی position یی . )

ی ی یی top:65px ی یی ی ی DIV 65 ی ی ѐ ی ی ی.

ی ی ییی top, bottom, left, right ی ی . ی ی ی ی ی ی px ی ی (%) .
bottom

ی یی ی ی یی ѐ ی . ی ی یی ی .
right

ی یی یی ی . ی ییϡ ی یی right:20px یی DIV 20 ی ѐ .
left

ی یی ی ѐ یی ی .

ی ییی bottom left ی DIV ی ی:
<div style="position:absolute; bottom:65px; left:20px; border:double #0033cc; width:350px; color:#ffff00; background-color:#33cccc; height: 40px;">ی div ی یی ی ی .</div>

ی ی ی ی ی ی ی ی:

ییی bottom left ( ی ی ی ).

И DIV 65 ی یی 20 ی ѐ .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:48 am

ییی CSS

ی ی ییی CSS ی ی ی ی. ی یی ی ی ی یی ی یی ی.


letter-spacing

ی یی ی ی ی ی یی ی. ی یی ی یی ی ی Ȑی ی normal . ی ی ی ی یی normal . ی И ی ی یی ی ی:

ی ی ی ی یی ی ی ʐ DIV ی:
<div style="letter-spacing:5px">
ی 5 ی یی ی .
</div>

ی ی ی :
ی 5 ی یی ی .


text-align

ی یی ی ѐیی ی ی ی ی ی ی ی.

ی یی ی ی ی :

* left :
ی ی ی ی ی ʐ ی ی. right :
ی ی ی ی ی ʐ ی ی .
* center :
ی ی ی ʐ ی ی ی.

ی ǐ ی ی ی ی DIV ی ی ی ی ی یی ی ی:
<div style="text-align:left; border:thin dashed #00CCFF">ی ی DIV ی ی .</div>

ی ی :
ی ی DIV ی ی .


text-decoration

ی یی ی ی ی یی ی ی ی ی. ی ی ی ی ی ی یی. ی ی ی ی یی ی ی:
<div style="text-decoration: overline"> ی ی!!</div>

ی ی:
ی ی!!

ی یی ی ی ی ی:

* none :
ی ی ی ی ی ( ی ی ی underline ی ) ی ی ی ی . ی ی ییی ی ی ی ی ی ی ʐ ی ی.
* underline :
ی ی ی ی ی .
* overline :
ی ی ی ی ی ی .
* line-through :
ی ی ی ی ی ی ی .
* blink :
ی ی ی ی ی ی. ی ی ѐ ی ǘӁ ی ی ѐی Netscape ی ی .

ی ی ی ی یی یی ی ی ی :
<a href="#example" style="text-decoration:none> ی</a>

ی ی ی :
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:48 am

ییی CSS

ی یییی ی ی ی ی.
text-transform

ی یی ی ѐ ی 捘 ی ی ی ی ییی ی. ی ǐ ی ی ی Øی ی ѐ یی ی ی ی. ی یی ی ی ی یی یی ی ی ی.

ی ی یی ی:
<div style="text-transform: uppercase">This is an example of uppercase in text-transform property.</div>

ی ی:
This is an example of uppercase in text-transform property.

ی ی ѐ ϡ ѐ ی ی .

ی یی ی ی ی:

* none :
ی ی ی ی ی ی .
* lowercase :
ی ی 捘 ی ی .
* uppercase :
ی ی ѐ ی ی .
* capitalize :
ی ی ی 捘 ѐ ی 捘 ی ی . ی ی:

<div style="text-transform: capitalize">this is an example of capitalize value for text-transform propety</div>

ی ی ی :
this is an example of capitalize value for text-transform propety


line-height

ی یی ی ی. ی ی ی ی ی ی ی .

ی ǐ ی 50 ی ی ی ی ی:
<div style="line-height: 50px">ی ی ی<br>20 ی .</div>

ی ی :
ی ی ی
20 ی .


text-indent

ی یی ʐی ( ǐ) ی . ی ی ی ی .

ی ی ʐی 30 ی ی یی:
<div style="text-intend: 30px">
ی 30 ی ʐی ی ی .<br>
ی ی ی <br>
ʐی ی ی .
</div>

ی ی:
ی 30 ی ʐی ی ی .
ی ی ی
ʐی ی ی .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:49 am

ی ی

ی ی ی ی ی. یی ی ʐ <font> ی ی ی ی ی ی.
font-family

یی font-family ی ی ی . ی یی ی ی face ʐ font ی . ی ی ی ѐی ϡ Times New Roman .

ی یی font-family ی یی ی div Arial ی ی:
<div style="font-family: Arial">ی Arial ی ی .</div>

ی ی ی ی:
ی Arial ی ی .

ی ی ǐ ی ϡ ѐ ی ی ی . ی یی ی Ԙ ی یی ی ی ی ǘ ی .


font-size

ی یی ی . ی ی ی ی یی medium .

ی ی ی ی DIV 30 ی ی :
<div style="font-size: 30px">ی 30 ی ی ی .</div>

ی ی:
ی 30 ی ی ی .


font-style

ی یی ی ی ʐ <I> HTML ʡ ʐیی ی <FONT>, <B>, <U> <I> ی ی .ی یی ی ی ی :

* normal
* italic
* oblique

ی ی یی ی:
<div style="font-style:oblique">ی ی .</div>

ی ی :
ی ی .


font-weight

ی یی ی ی یی ی. ی ی ی ی ی ی یی ی:

* normal
* bold
* bolder
* lighter
* 100
* 200
* 300
* 400
* 500
* 600
* 700
* 800
* 900

ی И ی ی ی:
<div style="font-weight: 700">ی ی ی ی .</div>

ی ی :
ی ی ی ی .
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:49 am

یی CSS
color

یی color ی یی ی ی . ی ی ی ی یی ی ی ی ʐ SPAN ی ی ی ی ی. ی ʐ ʐ <FONT> ی color ʐ ی ϡ HTML4 ی یی ی ی .

ی ی ی یی ی یی .

COLOR ʐ FONT ی یی یی ی . Ԙ ی ی یی ی :
color:
color:# ی

ǐ ی ی ی ی ی ی ی ی یی ی. ی ی یی ی ی ی ی Ϙی ی.

ی ی ی ی یی ی ی ی ی ی ی ی. ی ی ی 216 ی.

ǐ ی ی ی ی ی ی. (ی ی ی )

ی И ی یی color ی ی. ی style ی ی ی یی ی ی ی ی ی ی یی ی ی ʐ ی class id HEAD ی ی ی ی ی.

ی color ی یی ی ی ی ی یی:
<table border="1" style="color: red">
<tr>
<td>
ی ی ی .
</td>
</tr>
</table>

ی ی یی ی :
<table border="1" style="color: #FF0000">
<tr>
<td>
ی ی ی .
</td>
</tr>
</table>

ی ی :
ی ی ی .

ی ی ی ی یی color ی ی ی ی ǐ ی. ی "style="color: XXX ی ی XXX ی.
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:50 am

یی ی ی HTML CSS
background-color

ی یی ی ی ی یی ی ی. ی ی ی ی یی ʐ ی. ǐ ی ی ی ی ی ی ی ی یی ی ʐ SPAN ی.

ی ی ی ی ی ی:
<p> ی. <span style="background-color: yellow">ی ی .</span></p>

ی یی:

ی. ی ی .

ی ی ی ی یی ی یی ی ی ی DIV ی:
<table border="1" style="background-color: #FFC0CB">
<td> </td>
<td> </td>
</table>

ی :


ی ی ی ی یی ی ی ی ǐ ی.

ی ی ی یی ی . ی ی:
<form action="some_script>
: <input type="text" size="30" style="background-color: #009900">
</form>

ی یی :
:

ی ی یی ی ی ی ی.

ی ی ی یی ʐ body ی یی ی. ی ی ی ی ی ی .


background-image

ی یی ی ی ی ی . background-image background-color ی ی ی ی ی یی ی. ی یی ی ی .
background-image:url( ی )

یی ی url ی ی ی. یی ی ی ی ی یی ی ی ی ( " ) ی ی ی ی ی.
ی ی ی:
<span style="background-image: url(http://www.neopersia.org/css/example1.gif)">ی ی span ی ی .</span>

ی ی ی ی:
ی ی span ی ی .

ی یی ی ی ی ی . ی ی ی ی:
<table border="1" style="background-image: url(http://www.neopersia.org/css/example1.gif)">
<td>ی </td>
<td>ی </td>
</table>

ی :
ی ی

ی text box ی ی ی ی ی ی ی ی. ی ی یی ی ی textarea ی ی:
<form>
<textarea rows="8" cols="60" style="background-image:url(http://www.neopersia.org/css/example1.gif)">
</textarea>
</form>

ی ی:
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:51 am

ی ی ی ی

background ʐ BODY ی ی ی ی ی ی. ی ی ی یی ی ی ی ی ی ی ی ی ی ی . ی ی ی ی ی ی ی ی ʘ ϡ ϡ ی ی یی ی. ی ی ی ی ی ی:
ی ی یی
ی ی ی background-image: url(url)
ʘ ی ی repeat, no-repeat, repeat-x, repeat-y background-repeat: یی
ی ی ی ی Ә ј ی ی ی ی scroll, fixed background-attachment: یی
ی ی ی ی :
top, center, bottom,
ی ی ی ی ی
:
left, center, right,
ی ی ی ی ی background-position:

ی ی یی ی ʐ BODY ی ی ی ی HEAD ی ی ی ی ی ی. ی ی ی ی ی HEAD ی ی ی ی :
<style type="text/css">
<!--
body {
background-image:url(http://www.neopersia.org/images/index.jpg);
background-repeat:repeat-y }
-->
</style>

ی ی ی ی ی ی . ی ی ی.


background-repeat

ی background-image یی . ی ی ییی ی ی ی ی.

ی یی یی ʘ ی ی . ی یی ی ی یی ی ی ی:

* repeat
ی یی ی ی ی ی 捘 ی ی ʘ ی ȁ.
* no-repeat
ی ی ی ی ی ی ʘ ی ǐ 捘 .
* repeat-x
ی ی ی ی ی ی ʘ ی.
* repeat-y
ی ی ی ی ی ی ی ʘ .
*

background-attachment

ی یی ی یی ی ی ی یی ی Ә ѐ . ی ی ی ی ی یی :

* scroll
ǐ ی ی ی ی ی ی یی ی .
* fixed
ی ی ی ی ی ی ј ی ی ј .
ی ی ی ی ی HEAD . ی ی ی ی . ی ی ی ی ی ی ی ی.

<style type="text/css">
<!--
body {
background-image:url(http://www.neopersia.org/images/cssBGtest.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center center }
-->
</style>

ی ی ی. ی . ی ی ییی ی ی ی ی.
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:52 am

ی ی ژ ی CSS
background-position

ی یی یی ی ی ی ی . ی یی ی ی ی ی ی ی background-repeat: no-repeat . ی یی ی . ی ی ی ی ی ی ی یی ی. ی ی ی ی ی ی یѐ.

ی ی ی یی ی ی ی :

* top, center, or bottom
* left, center, or right

ی ی یی ی ی یی . ی ی ی ی ی:

* background-position:top right
ی یی ی ی ی ی .
* background-position:center right
ی یی ی ی ی .
* background-position:bottom center
ی یی ی ی یی ј ی ی .

ی ی ی ی ی یی ی ی ی ی ی ی ی ی ی. ی ی ی ی ی ی ی یی. ی ی:

ی ی ی ی 20 ی 40 ی ی ی. یی background-attachment: fixed ј ی Ȑی. ی یی ی ی HEAD ی ی:
<style type="text/css">
<!--
body {
background-image:url(http://www.neopersia.org/images/cssBGtest.jpg);
background-attachment:fixed;
background-position:40px 20px }
-->
</style>

ی ی ی ی ی.

јی یییی ی ی ی ی ی ی یی. ی ی ی ی ی.
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:52 am

یی Ԙ ی

ی ی Ԙ ی ی ی ی ی یی ی. ی ی ی یی ی ی ʐ ی:
cursor: ی

ی ی ی ی ی ی ی ی ی Ԙ ی ی. ی ی ی ی ( ی ʐ span ی.):
<span style="cursor: wait; color: red"> ی ی ی.</span>

ی ی ی ی ی:
ی ی ی.

ǐ ی ی ی ی ی ی Ԙ ی ی ی HEAD ی یی ی ی ی ی . class id ی ی ی. style ʐی HTML .

ی ی ی ی یی Ԙ ی . ی ی ی ی ی ی ی یی Ԙی ی ی.
ی
auto ی ی ی ѐ یی ی .
crosshair ی ی.
default یԐی ی ی.
move Ԙی ی ی یی ی ی.
pointer Ԙ ی ی.
help ی ی ی ی.
text Ԙی ی ی ی ی ی.
wait Ԙ ی ی ی.
n-resize ی
s-resize ی
e-resize ی
w-resize ی
ne-resize ی ی
nw-resize ی ی
se-resize ی ی
sw-resize ی ی
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    23, 2009 8:53 am

یی ی ی ی

CSS ی ی ی ی ی ی. ی Әс یی ی . ی ی ی ی یǡ ǡ ی یǡ ی ی یی ی ی یی ی.

ی ی ی ی ی ی CSS ی ی HEAD ی یی CSS ی ی ی ی. ی . ی ی HEAD ی ی ی.

ی ی CSS ی ی ی ی ی ی ی ی ی ی:

* a:link a
ی ی ییی ی ی ی ی .
* a:hover
ی ی ی ی ی ی ی .
* a:active
ی ی یی ی ی ی .
* a:visited
ی ی ییی یی ی ی .

ی ی HEAD ی ی ی. یی ی HEAD ی ی ǐ ی ی ی ی ی ی ی ی ی ی ی.
<style type="text/css">
<!--
a:link { }
a:hover { }
a:active { }
a:visited { }
-->
</style>

ی یی ی ی ی ی ی ی bachkground-color ی یی ی ی ی ی ی ی ی ی color ی یی ی. ی ی ی ی یی ی یی ی ی ی font-family font-size border ...

ی ی ی ی یی ی ی 12pt یء ی ی ی ی ی ی ی ی ی ی ی ی ی ی. ی ی ی ی ییی ی ی ی ی ی . ی ییی ی ی ی ی ی HEAD ی ی ی ی:
<style type="text/css">
<!--
a:link { color:green; font-size:12pt; text-decoration:none }
a:hover { color:red; background-color:#6699CC; border:#006699 2px solid }
a:active { color: white }
a:visited { text-decoration: underline }
-->
</style>

ی ی ی ییی ی ی:

ی ی ی .

ی ی.

ی ی ی ی ی.

ی یی یی HEAD ی ی یی ی ی ی ییی ی . ی ی ی یی ی DIV ی ی ی ID HEAD ی ی ییی یی ID ی. ی ی ی ی ی یی:
#pre a:link,#pre a { color:green; font-size:10pt; text-decoration:none }
#pre a:hover { color:red; background-color:#6699CC; border:#006699 2px solid; text-decoration:none }
#pre a:active { color: White }
#pre a:visited { text-decoration: underline; color:#003399 }

DIV ی ی ی:
<div align="center" id="pre">
ی ی
</div>
Ґ    
SETAREH




: 599
Age : 25
Registration date : 2008-04-11

: : &#1740; (CSS)    10, 2009 4:18 pm

Border CSS
Border . CSS CSS . CSS Border Table TD .
Border Width .
Border Spacing Table .
Border Style Table TD .
Border Color Table TD . .
CSS TD mozborderradius . Border . .
Tablestyle
{backgroundcolor:yellow;border:1px groove gray;borderspacing:2px}
.tdstyle
{mozborderradiusbottomleft:9px; mozborderradiusbottomright:9px; mozborderradiusstopleft:9px; mozborderradiusstopright:9px;background:#fff5ee;
Border:3px dashed gray;padding:1px;}
<table class=tablestyle>
<tr>
<th class= tdstyle>
111</th><th class=tdstyle>
222</th><tr>
<td class=tdstyle>
444</td></tr>
Ґ    





: : &#1740; (CSS)    11:14 pm

Ґ    
 
&#1740; (CSS)
      Ґ    
1 1

:
ʐ  ::   ::  ʐ ѐ -