آموزش رنگ متن در CSS

CSS ویژگی‌های زیادی برای استایل‌دهی و قالب‌بندی متن دارد.
به عنوان مثال، می‌توان از ویژگی‌هایی مانند text-align (تراز متن)، text-transform (تبدیل حروف)، و color (رنگ متن) استفاده کرد. همچنین می‌توان پاراگراف‌ها را تورفتگی داد، فاصله بین کاراکترها را تنظیم کرد و حتی خط زیر متن لینک‌ها را حذف نمود.

ویژگی color

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

• نام رنگ → مانند "red"
• HEX → مانند #ff0000
• RGB → مانند rgb(255,0,0)

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

مثال: تعیین رنگ متن

body {
  color: blue;
}

h1 {
  color: green;
}

h2 {
  color: red;
}

می‌توان همزمان رنگ پس‌زمینه و رنگ متن را مشخص کرد.
این کار باعث می‌شود متن خواناتر شود و طراحی زیباتری داشته باشد.

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

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

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

کنتراست بالا بین رنگ متن و رنگ پس‌زمینه بسیار مهم است، مخصوصاً برای افرادی که مشکلات بینایی دارند.
بنابراین همیشه مطمئن شوید که رنگ متن و پس‌زمینه به اندازه کافی متفاوت باشند تا خوانایی حفظ شود.

ویژگی‌های مرتبط با رنگ متن