Home / آموزش / جلسه دهم آموزش css تنظیم متن و نوشته CSS Styling Text

جلسه دهم آموزش css تنظیم متن و نوشته CSS Styling Text

جلسه دهم آموزش css تنظیم متن و نوشته CSS Styling TextReviewed by وحید باقری on Dec 30Rating:

جلسه دهم آموزش css تنظیم متن و نوشته CSS Styling Text

css
جلسه دهم آموزش css تنظیم متن و نوشته CSS Styling Text

سلام خدمت کاربران عزیز در این جلسه از آموزش همانطور که از موضوع نوشته مشخص هستش توضیحاتی در مورد نحوه تنظیم متن قرار شده خدمتتون بدیم که انشالله مفید واقع بشه خوب به آموزش ها دقت کنید

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

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

  • 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;}

 

 

لینک کوتاه مطلب : http://7plugin.ir/?p=1018

درباره وحید باقری

وحید باقری علاقمند به توسعه وردپرس و ارائه آموزش های مفید برای شما عزیزان هستم و تا جایی هم که از دستم بر بیاد برای کمک کردن و مشاوره دادن به شما سروران گرامی دریغ نمی کنم

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سوال امنیتی * لطفا معادله امنیتی را مجددا بارگذاری کنید