close
تبلیغات در اینترنت
خرید دامنه
تغییر ظاهر متن Text
loading...
سرویس سایت سایت رزبلاگ بزرگترین سرویس ارائه خدمات سایت نویسی حرفه ای در ایران

یاور وبلاگ

تغییر ظاهر متن Text  به ادامه مطالب برویدبا صفت text می توانیم تغییر ظاهری متن ها را در فایل html تعیین کنیم. تغییراتی مانند تغییر رنگ ، افزایش یا کاهش فاصله بین حروف ، تراز نوشته و ... را می شود اعمال کرد. در ادامه به طور کامل برای شما ویژگیهای این صفت را توضیح میدهم .صفت text دارای ویژگیهای…

آخرین ارسال های انجمن

تغییر ظاهر متن Text

تغییر ظاهر متن Text 

به ادامه مطالب بروید

با صفت text می توانیم تغییر ظاهری متن ها را در فایل html تعیین کنیم. تغییراتی مانند تغییر رنگ ، افزایش یا کاهش فاصله بین حروف ، تراز نوشته و ... را می شود اعمال کرد. در ادامه به طور کامل برای شما ویژگیهای این صفت را توضیح میدهم .
صفت text دارای ویژگیهای : Color:برای تغییر رنگ نوشته به کار می رود 
Direction : چپ به راست یا راست به چپ نوشته را تعیین می کند
Letter-spacing : افزایش یا کاهش فاصله بین حروف را تعیین می کند
text-align : تراز نوشته از سمت چپ و راست را تعیین می کند
text-decoration :تعیین میکند لینک دارای زیر خط دار باشد یا خیر
text-indent : میزان تو رفتگی نوشته از خط را تعیین می کند
text-shadow : تعیین می کند متن شما دارای سایه باشد یا خیر
text-transform : تغییر شکل متن را تعیین می کند
white-space : فضای خالی کنار یک عنصر را تعیین می کند
word-spacing : افزایش یا کاهش فاصله بین کلمات را تعیین می کند
من ویژگیها هم به اسم صفت برای شما در پایین می نویسم . 

صفت color
رنگ متن را در صفحه اصلی مشخص می کند . به این صورت که می توانید برای هر پاراگراف یا تگ های هدینگ یک رنگ را در نظر بگیرید .
به مثال زیر توجه کنید :
 
body
{
color: red;
}
h2
{
color:green;
}
 
صفت Direction
همانطور که میدانید متن فارسی باید از سمت راست نوشته شود و متن های دیگر از سمت چپ . مرورگر به طور پیش فرض متوجه چنین خاصیتی نمی شود و حتما باید بین تگ body در فایل css بوسیله صفت direction : rtl مشخص کنیم که متن از سمت راست نمایش داده شود 
به مثال زیر توجه کنید :
 
body
{
direction: rtl;
}
 
صفت Letter-spacing
این صفت چندان نسبت به بقیه ویژگیها کاربرد ندارد اما در بعضی از مواقع احتیاج دارید که بین حروف در یک پاراگراف فاصله ای ایجاد کنید .
به مثال زیر توجه کنید :
 
body
{
latter-spacing : 5px ;
}
 
صفت Text-align
یکی از پرکاربردترین ویژگیهای متن text-align می باشد . یعنی شما مشخص می کنید هر قسمت از متن صفحه به چه صورتی تراز شود .از سمت راست .چپ یا از هر دو طرف. من برای اینکه با هر سه خاصیت آشنا بشید سه تا پاراگراف در فایل html خودم ایجاد کردم بعد هر کدام از آنها را به یک روش تراز میکنم .
به مثال زیر توجه کنید :
 
p.right
{
text-align : right ;
}
p.left
{
text-align : left ;
}
p.center
{
text-align : center ;
}
p.justify
{
text-align : justify ;
}
 
صفت text-decoration
این صفت برای ایجاد متن های زیر خط دار استفاده می شود و دارای ویژگیهای none.underline.overline.line-trough
به مثال زیر توجه کنید :
 
p.right
{
text-align: right;
text-decoration: overline;
}
p.left
{
text-align: left;
text-decoration: line-through;
}
p.center
{
text-align: center;
text-decoration: none;
}
p.justify
{
text-align: justify;
text-decoration: underline;
}
 
صفت text-transform
این ویژگی برای حروف فارسی کاربردی ندارد و دارای سه ویژگی می باشد 
مقدار capitalize به طور خودکار حرف ابتدای همه کلمات را به حروف بزرگ تبدیل می کند.
مقدار uppercase تمام حروف و تمام کلمات را به حروف بزرگ تبدیل می کند
مقدارlowercase تمام حروف تمام کلمات را به حروف کوچک تبدیل می کند
ویژگیها یا صفتهای مهم را به طور کامل با مثال برای شما توضیح دادم.بقیه صفت ها دارای کاربرد زیادی نمی باشند .
درباره : اموزش ها ,
برچسب ها : صفت text transform , صفت text decoration , صفت Text align , صفت Letter spacing , صفت Direction , صفت color , تغییر ظاهر متن Text , متن Text , تغییر ظاهر متن , تغییر ظاهر ,
بازدید : 321 تاریخ : جمعه 20 شهريور 1394 زمان : 23:42 نویسنده : Erfan Gholamnia نظرات ()
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز

آمار سایت
  • کل مطالب : 461
  • کل نظرات : 92
  • افراد آنلاین : 2
  • تعداد اعضا : 724
  • آی پی امروز : 0
  • آی پی دیروز : 0
  • بازدید امروز : 133
  • باردید دیروز : 138
  • گوگل امروز : 0
  • گوگل دیروز : 3
  • بازدید هفته : 133
  • بازدید ماه : 271
  • بازدید سال : 271
  • بازدید کلی : 432,116
  • مطالب
    کدهای اختصاصی
    به دلیل اپدیت روزانه از همه مطالب در همه موضوعات در ارشیو ها دیدن فرمایید با تشکر - دی:
    برای دیدن مطالب حتما در سایت ثبت نام کنید (بیشتر مطالب حتما باید عضو باشید)
    شما می توانید درخواست های خودتان را در انجمن سایت به صورت تاپیک به ما اطلاع دهید و ما به شما کمک کنیم دی :
    اگر شما درخواست در مورد تبلیغات در سایت و هر چه چیز دیگر با این ایدی تلگرام در ارتباط باشند erfanf50