close
تبلیغات در اینترنت
خرید دامنه
تغییر ظاهر متن Text
loading...

یاور وبلاگ

تغییر ظاهر متن Text  به ادامه مطالب برویدبا صفت text می توانیم تغییر ظاهری متن ها را در فایل html تعیین کنیم. تغییراتی مانند تغییر رنگ ، افزایش یا کاهش فاصله بین حروف ، تراز نوشته و ... را می شود اعمال کرد. در ادامه به طور کامل برای شما ویژگیهای این صفت را توضیح میدهم .صفت text دارای ویژگیهای : Color:برای تغییر رنگ نوشته به کار می رود Direction : چپ به راست یا راست به چپ نوشته را تعیین می کندLetter-spacing : افزایش یا کاهش فاصله بین حروف را تعیین می کندtext-align : تراز نوشته از سمت چپ…

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

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

Erfan Gholamnia بازدید : 432 جمعه 20 شهريور 1394 نظرات ()

تغییر ظاهر متن 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 تمام حروف تمام کلمات را به حروف کوچک تبدیل می کند
ویژگیها یا صفتهای مهم را به طور کامل با مثال برای شما توضیح دادم.بقیه صفت ها دارای کاربرد زیادی نمی باشند .
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
درباره ما
قالب های رایگان - ابزار وبمستر ها - کد های کاربردی - انجمن وبمستر ها - وردپرس - قالب وردپرس - افزونه وردپرس - نرم افزار - بازی- اخبار تکنولوژی و وبنویسی
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 461
  • کل نظرات : 94
  • افراد آنلاین : 3
  • تعداد اعضا : 759
  • آی پی امروز : 28
  • آی پی دیروز : 42
  • بازدید امروز : 363
  • باردید دیروز : 4,523
  • گوگل امروز : 4
  • گوگل دیروز : 1
  • بازدید هفته : 5,406
  • بازدید ماه : 12,030
  • بازدید سال : 110,562
  • بازدید کلی : 542,407
  • کدهای اختصاصی
    به دلیل اپدیت روزانه از همه مطالب در همه موضوعات در ارشیو ها دیدن فرمایید با تشکر - دی:
    برای دیدن مطالب حتما در سایت ثبت نام کنید (بیشتر مطالب حتما باید عضو باشید)
    شما می توانید درخواست های خودتان را در انجمن سایت به صورت تاپیک به ما اطلاع دهید و ما به شما کمک کنیم دی :
    اگر شما درخواست در مورد تبلیغات در سایت و هر چه چیز دیگر با این ایدی تلگرام در ارتباط باشند erfanf50