CSS – رنگ متن (Text Color)

CSS دارای تعداد زیادی ویژگی برای فرمت‌بندی متن است.

فرمت‌بندی متن

این متن با استفاده از برخی از ویژگی‌های فرمت‌بندی متن، استایل‌دهی شده است. در این مثال، عنوان از ویژگی‌های تراز متن (text-align)، تغییر شکل متن (text-transform)، و رنگ متن (color) استفاده می‌کند. پاراگراف با فرورفتگی (indent)، تراز، و فاصله بین کاراکترها تنظیم شده است. زیرخط از این لینک رنگی “Try it Yourself” حذف شده است.

رنگ متن (Text Color)

ویژگی color برای تعیین رنگ متن استفاده می‌شود. رنگ می‌تواند به یکی از روش‌های زیر تعیین شود:

  • نام رنگ – مانند “red”
  • مقدار HEX – مانند “#ff0000”
  • مقدار RGB – مانند “rgb(255,0,0)”

برای لیست کامل مقادیر رنگ ممکن، به CSS Color Values مراجعه کنید.

رنگ متن پیش‌فرض یک صفحه در انتخابگر body تعریف می‌شود.

مثال

body {
  color: blue;
}

h1 {
  color: green;
}

رنگ متن و رنگ پس‌زمینه (Text Color and Background Color)

در این مثال، هر دو ویژگی background-color و color تعریف شده‌اند:

مثال

body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}

div {
  background-color: blue;
  color: white;
}

نکته مهم: کنتراست بالا برای افراد با مشکلات بینایی بسیار مهم است. بنابراین، همیشه اطمینان حاصل کنید که کنتراست بین رنگ متن و رنگ پس‌زمینه (یا تصویر پس‌زمینه) مناسب باشد!

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.