Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
خاصیت های Top, Right , Left , Bottom شامل مقادیر زیر<br />
میباشد:<br />
قبل از استفاده از مقادیر باید خاصیت Position<br />
را استفاده کنید.<br />
البته برای کار با این خاصیت ها<br />
بصورت معمولی از Position<br />
با مقدار<br />
Relative<br />
استفاده میکنیم.<br />
:Top این مقدار فاصله عنصر را از باال تنظیم میکند که شما میتوانید از واحد های<br />
%,PX...<br />
<br />
استفاده نمایید.<br />
:Right این مقدار فاصله عنصر را از راست تنظیم میکند که شما میتوانید از واحد های<br />
<br />
%,PX...<br />
استفاده نمایید.<br />
:Bottom این مقدار فاصله عنصر را از پایین تنظیم میکند که شما میتوانید از واحد های<br />
<br />
%,PX...<br />
استفاده نمایید.<br />
:Left این مقدار فاصله عنصر را از چپ تنظیم میکند که شما میتوانید از واحد های<br />
%,PX...<br />
<br />
استفاده نمایید .<br />
Z-index<br />
خاصیت<br />
Z-index<br />
زمانی استفاده میشود که خواسته باشید چند الیه را روی هم قرار میدهید.<br />
در کد زیر خاصیت های position<br />
و Z-index<br />
نیز استفاده گردیده برای درک بیشتر موضوع در این<br />
جا از خالصه نویسی استفاده نمی کنیم اما شما تا حد امکان از خالصه نویسی استفاده نمایید.<br />
آموزش کاربردی <strong>CSS</strong>3<br />
.main{ Width:400px; height:400px; background-color:pink; padding:0; margin:0;<br />
.div{<br />
Width:250px;<br />
Height:250px;<br />
Font:25px/25px Tahoma;<br />
Text-align:center;<br />
Color:#fff; background-color:blue;<br />
Position:relative;<br />
Top:20px; left:20px;<br />
92<br />
”رسولی” نویسنده: فردوس
Change language