تنظیم متن و نوشته CSS Styling Text

7 / 10 از 10 کاربر

Text Color

در این بخش از آموزش css ، تنظیم متن و نوشته را آموزش میدهیم.

ویژگی color  برای تنظیم رنگ متن استفاده میشود.این ویژگی با 3 روش زیر میتواند مقدار دهی شود

  • HEX : مثال : "#ff000"
  •  RGB:  مثال :   (rgb(255,0,0
  • نام رنگ :  مثال :  red

رنگ پیش فرض در یک صفحه وب سایت بستگی به رنگ انتخاب شده در بدنه وب سایت شما دارد
مثال :

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

با تغییر رنگ بدنه شما در واقع رنگ background صقحه را تغییر میدهید


Text Alignment
برای تنظیم متن در حالت افقی از این ویژگی استفاده میکنیم،این ویژگی میتواند با یکی ازمقادیر زیر مقداردهی شود

  • Center
  • Right
  • Justify
  • Left

با مقدار  Justify تمامی خطوط عرض یکسانی خواهند داشت


h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Text Decoration

این ویژگی بیشتر برای پاک کردن یا اضافه کردن فرم خاص به متن مورد استفاده قرار میگیرد

a {text-decoration:none;}

در این مثال در واقع اگر متن شما دارای فرمت خاصیمانند زیر خط (underline) یا هر فرمت دیگری بود ،این فرمت را پاک میکند.
مقادیری که میتواند این ویژگی بگیرد در مثال زیر آمده است

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

 

عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*