-
July 17th, 2012, 14:53
#41
عضو جدید
پاسخ : آموزش css
left
این ویژگی موقعیت عنصر را از سمت چپ پنجره مرورگر تعیین می کند.
در مثال زیر از ویژگیهای bottom و left برای همان DIV مثال قبل استفاده می کنیم:
کد HTML:
<div style="position:absolute; bottom:65px; left:20px; border:double #0033cc; width:350px; color:#ffff00; background-color:#33cccc; height: 40px;">این div در موقعیت تعیین شده در کد آن نمایش داده می شود.</div>
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012 14:53
# ADS
-
July 17th, 2012, 14:54
#42
عضو جدید
پاسخ : آموزش css
برای اینکه نتیجه را مشاهده کنید لینک زیر را کلیک کنید:
در مثال ذکر شده DIV به اندازه 65 پیکسل از پایین و 20 پیکسل از سمت چپ پنجره مرورگر فاصله دارد.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 14:55
#43
عضو جدید
پاسخ : آموزش css
ویژگیهای متن در css
در این قسمت برخی از ویژگیهای متن را که در css استفاده می شوند به شما معرفی می کنیم. با کمک این ویژگیها می توانیم نحوه قرار گرفتن متن در صفحه، فاصله بین حروف و بسیاری از خواص یک متن را تغییر دهیم.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 14:57
#44
عضو جدید
پاسخ : آموزش css
letter-spacing
ین ویژگی به ما اجازه می دهد تا فاصله میان حروف یک کلمه را در یک متن تعیین کنیم. این ویژگی می تواند مقادیری را در مقیاس پیکسل به خود بگیرد یا از مقدار normal استفاده کند. گزینه پیش فرض برای این ویژگی همان normal است. در اینجا به ذکر یک مثال در مورد این ویژگی می پردازیم:
فرض کنید می خواهیم از این ویژگی برای متن موجود در یک تگ DIV استفاده کنیم:
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 14:59
#45
عضو جدید
پاسخ : آموزش css
کد HTML:
<div style="letter-spacing:5px">
حروف این متن با فاصله 5 پیکسل از یکدیگر نمایش داده خواهند شد.
</div>
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:00
#46
عضو جدید
پاسخ : آموزش css
text-align
این ویژگی به ما اجازه می دهد تا نحوه قرارگیری قسمتی از متن را از لحاظ راست چین، چپ چین یا وسط چین بودن تنظیم کنیم.
این ویژگی می تواند مقادیر زیر را به مورد استفاده قرار دهد:
- left :
با استفاده از این مقدار می توانیم محتویات یک تگ را در سمت چپ صفحه نمایش دهیم.
right :
این قدار معین می کند که محتویات یک تگ باید در سمت راست صفحه نمایش داده شوند.
- center :
این مقدار محتویات یک تگ را به صورت وسط چین تعریف میکند.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:02
#47
عضو جدید
پاسخ : آموزش css
برای مثال اگر می خواهید متنی که در یک DIV قرار دارد به صورت چپ چین نمایش داده شود می توانیم از این ویژگی به مانند زیر استفاده کنیم:
کد HTML:
<div style="text-align:left; border:thin dashed #00CCFF">محتویات این DIV در سمت چپ صفحه نمایش داده می شوند.</div>
نتیجه به صورت زیر خواهد بود:
محتویات این DIV در سمت چپ صفحه نمایش داده می شوند.
ویرایش توسط hostime : July 17th, 2012 در ساعت 15:04
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:05
#48
عضو جدید
پاسخ : آموزش css
text-decoration
این ویژگی به ما اجازه می دهد تا برای قسمت خاصی از متن خاصیتهای از قبیل زیرخط تعریف کنیم. مثلاً فرض کنید می خواهیم یک متن را با خطی بالای آن به وجود بیاوریم. در اینجام می توانیم از این ویژگی به صورت زیر استفاده متین:
کد HTML:
<div style="text-decoration: overline">به این متن توجه کنید!!</div>
این هم نتیجه:
به این متن توجه کنید!!
این ویژگی چندین مقدار دارد که در اینجا به آنها می پردازیم:
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:06
#49
عضو جدید
پاسخ : آموزش css
در اینجا یک لینک را می بینید که با استفاده از ویژگی بالا بدون زیر خط نمایش داده می شود:
کد HTML:
<a href="#example" style="text-decoration:none>متن مورد استفاده در لینک</a>
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:07
#50
عضو جدید
پاسخ : آموزش css
ویژگیهای مربوط به متن در CSS
در این قسمت به ادامه ویژگیهایی که بر روی متن ها اثر می گذارند می پردازیم.
text-transform
این ویژگی مشخص می کند که متن با استفاده از حروف بزرگ نوشته شود یا حروف کوچک و یا به صورت معمولی البته بدون آنکه در حروفی که تایپ شده است تغییری به وجود آورید. با این روش اگر خواستید قسمتی از متن مثلاً برای تأکید بیشتر با حروف بزرگ مشاهده شود نیازی نیست که دوباره آن قسمت را از اول تایپ کنید. البته این ویژگی در زبان فارسی چندان استفاده ای ندارد ولی در زبانهایی مثل انگلیسی می توانید آنرا به کار ببرید.
به یک مثال در مورد این ویژگی توجه کنید:
کد HTML:
<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.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-