cssblog.ir logo
P

color

تغییر رنگ متن

رنگ متن عناصر از طریق مشخصه color تعیین می‌گردد و می‌توان به طریق مختلفی آن را مقداردهی نمود

مشخصه color برای تعیین رنگ متن ها استفاده می‌شود. برای این مشخصه می‌توان از تمام متدهای مجاز تعیین رنگ در CSS استفاده نمود. مثال های زیر را نمونه هایی از تعیین رنگ با استفاده از متدهای مختلف را نشان می دهند.

کلمات کلیدی رنگ‌ها

h1 {
	color: black;
}

h1 {
	color: blue;
}

h1 {
	color: yellow;
}

جهت مشاهده لیست نام رنگ‌ها به اینجا مراجعه کنید.

HEX

h1 {
	color: #00000;
}

h1 {
	color: #0000ff;
}

h1 {
	color: #32ffed;
}

RGB و RBGa

h1 {
	color: rgb(23,13,201);
}

h1 {
	color: rgb(201,130,201,0.5);
}

HSL و HSLa

h4 {
	background-color: hsl(120, 100%, 25%);
}

h4 {
	background-color: hsla(120, 90%, 25%, 0.1);
}

نکاتی درباره این مشخصه

۱- مشخصه color توسط فرزندان به ارث برده می‌شود. به این معنی که اگر والد دارای رنگ مشخص باشد فرزندان در صورتیکه رنگ مشخصی به آنها داده نشده باشد، از رنگ را از والد خود به ارث خواهند برد. 

۲- مشخصه border از مشخصه color رنگ خود را به ارث می برد مگر اینکه رنگ border آن تعیین شده باشد. مثال:

۳- این مشخصه روی رنگ مشخصه text-decoration نیز تاثیر می گذارد. مثال:

۴- علائم بکار رفته در لیست ها (مانند دایره ها و اعداد کنار آنها) جهت تعیین رنگ از مشخصه color استفاده می کنند. مثال:

 

رنگ پس‌زمینه

دقت کنید که برای تعین رنگ پس‌زمینه می‌بایست به مشخصه‌های مربوط به پس‌زمینه مانند background و background-color مراجعه کنید.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

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

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند