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

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

Related posts

Don't miss reading these posts!
JavaScript - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

Read more
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

Read more
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

Read more

Comments

Share your comments with us

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