CSSطراحی سایتگوناگون

۵-فرمت دهی متن در CSS

در این قسمت به بخش های مختلف فرمت دهی متن ، همچون رنگ متن، تراز بندی متن و… اشاره میکنیم.

 

 

۱-رنگ متن(color)

 

خصوصیت color رنگ متن را تنظیم می کند.

در CSS رنگ، به یکی از روش های زیر مشخص می شود:

 

  • name: نام رنگ باید مشخص شود مانند “blue”
  • RGB: به صورت RGB مشخص می شود مانند “(rgb(255,0,0”
  • Hex: به صورت هگزا دسیمال مشخص می شود مانند ff0000 #

 

در مثال زیر نمونه ای از روش رنگ بندی کردن به وسیله خصوصیت color مشخص شده است.

 

  • در خط ۵ ام رنگ تمامی مواردی که در بخش body صفحه قرار میگیرد قرمز میشود.
    اما مشاهده میکنید که در خط ۶ ام ذکر کرده ایم که رنگ تیتر۱ سبز شود.همچنین در خط ۶ ام ذکر شده که رنگ بخش ex از کلاس p به شکل آبی در بیاید.

نتیجه قطعه کد بالا در تصویر زیر مشخص است:

 


 

۲-تراز بندی متن (alignment)

 

خصوصیت text-align برای تراز بندی متن در جهت محور X استفاده می شود.

متن را می توان در مرکز یا چپ یا راست و یا کل فضای اختصاص داده شده قرار داد.

زمانی که خصوصیت text-align با مقدار justify تنظیم می شود، با کش آمدن خطوط پاراگراف، خطوط یکسان خواهند شد. (مانند متن روزنامه ها و مجله ها)

 

 

 


 

۳-آذین بندی متن (Decoration)

 

خصوصیت text-decoration برای تنظیم و یا حذف Decorationهای یک متن استفاده می شود.

این خصوصیت معمولاً برای حذف underline لینک ها استفاده می شود (به صورت پیشفرض یک لینک دارای underline می باشد)

 

 

 

 

این خصوصیت همچنین برای آذین بندی یا Decoration متن استفاده می شود:

 

  • تصویر قطعه کد بالا به شکل زیر است:

 

توجه داشته باشید که برای متن های معمولی از underline استفاده نکنید چون موجب ممکن است کاربران را به اشتباه بیندازد.

 

 


 

 

۴-حروف کوچک و بزرگ (Transformation)

 

خصوصیت text-transform حروف یک متن را به حروف بزرگ یا کوچک تبدیل می کند، بنابراین برای حروف فارسی کاربرد ندارد.

 

  1. uppercase: تمام حروف یک متن را به حروف بزرگ تبدیل می کند.
  2. lowercase: تمام حروف یک متن را به حروف کوچک تبدیل می کند.
  3. capitalize: حروف ابتدایی کلمات یک متن را به حروف بزرگ تبدیل می کند.
 

  • تصویر قطعه کد بالا به شکل زیر است:

 


 

۵-تو رفتگی ابتدای پاراگراف (Indentation)

 

خصوصیت text-indent تورفتگی خط ابتدایی یک پاراگراف را تنظیم می کند.

 

 

  • نتیجه قطعه کد بالا به شکل زیر است:

 


 

مثال های مهم و مختلف

برای مشاهده دیگر بخش های مرتبط به فرمت دهی متن روی عبارت روبرو کلیک کنید                              کلیک کنید

 

 


بخش بعدی

بخش قبلی

 

به این پست امتیاز دهید.
برچسب ها
مشاهده بیشتر

رضااسدزاده

رضااسدزاده هستم مهندس نرم افزار علاقه مند به فضای وب از تاریخ 12شهریور سال96 سایت تیچ وب رو راه اندازی کردیم با هدف گسترش اطلاعات نرم افزاری و زبان های برنامه نویسی . امیدوارم با حمایت شما دوستان بتونیم به این هدف بزرگ دست پیدا کنیم.

نوشته های مشابه

دیدگاهتان را بنویسید

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

همچنین ببینید

بستن
بستن