منتظر آموزش بعدی ما باشید
خانه / طراحی سایت / css / آموزش css بخش text
آموزش css بخش text
css-style

آموزش css بخش text

به نام خدا

با سلام در خدمت شما کاربران elc1 هستیم با بخش دوم آموزش css

 

Text : با این خاصیت شما میتوانید به متن های خود استایل دهید و آن هارا جابه جا کنید

 Text Color : برای تغییر رنگ متن به کار میرود

برای مثال :

توسط کد بالا شما میتوانید تمام نوشته های تگ body را به صورت آبی در بیاورید

 

text align : برای جابه جایی متن به کار میرود

می توانید از چهار مقار زیر استفاده کنید

– center (تنظیم گوشه های متن در وسط)
– justify (تمام چین کردن متن، پوشش از سمت چپ و راست)
– left (چپ چین کردن متن)
– right (راست چین کردن متن)

برای مثال :

 

Text Decoration : برای تغییر خط متن استفاده میشود

میتوانید از سه مقدار زیر استفاده کنید

– none (برداشتن خط زیر لینک )

– overline (انتقال خط روی متن )

– line-through (کشیدن خط روی متن )

– underline (کشیدن خط زیر متن )

 

 

text transform : برای تغییر بزرگ و کوچک نوشتن حروف

میتوانید از سه مقدار زیر استفاده کنید

– uppercase : ( تمامی حروف بزرگ )

lowercase : ( تمامی حروف کوچک )

– capitalize : ( حروف اول هر کلمه بزرگ )

* این قابلیت در زبان فارسی استفاده ای ندارد

برای مثال :

  text indent : برای فاصله گرفتن خط اول پاراگراف از ابتدای خط

برای مثال :

 letter spacing : برای تعیین فاصله بین حروف یک کلمه به کار میرود

برای مثال :

 line height : برای تعیین فاصله ی نوشته تا خط قبلی

برای مثال :

یا

 

text shadow : برای سایه دادن به متن از آن استفاده میشود

برای مثال :

مقدار اول : جابه جایی سایه از بالا و پایین

مقدار دوم : جابه جایی سایه از چپ و راست

مقدار سوم : تار و روشن کردن سایه

مقدار چهارم : رنگ سایه

می توانید به یک متن دو سایه دهید

برای مثال :

 

direction : برای تنظیم نوع نوشتن به کار میرود

*این نکته در زبان فارسی بسیار مهم است و شما هر کجا که از زبان فارسی استفاه میکنید بهتر است این دستور را به صورت راست چین در آن قرار دهید

 

 

vertical align : برای تراز کردن متن نسبت به تصویر استفاده می شود

برای مثال :

متنی که کلاس top دارد را در وسط تصویر قرار می دهد

 

 word spacing : برای فاصله بین کلمات استفاده میشود

بین کلمات به اندازه 30 پیکسل فاصله ایجاد میکند

 

برای مطلع شدن از انتشار  آموزش های بعدی در خبرنامه ی سایت عضو شوید

منبع : ELC1.IR

موفق باشید

درباره‌ Admin

تیم مدیریتی ای ال سی وان تصمیم دارد که تمام تجربیات و دانسته های خود را بخصوص در زمینه الکترونیک در اختیار شما دوستان عزیز قرار دهد . بانظرات خود ، خودتان را در پیشرفت سایت سهیم بدانید

جوابی بنویسید

ایمیل شما نشر نخواهد شدخانه های ضروری نشانه گذاری شده است. *

*