cssblog.ir logo
P

text-shadow

تعیین سایه زیر حروف متن ها

با استفاده از مشخصه text-shadow می توان برای متن ها سایه تعیین کرد

با استفاده از مشخصه text-shadowمی‌توان برای متن‌ها سایه تعیین کرد. برای تعریف text-shadowبه مشخص نمودن ۴ مقدار احتیاج داریم. مقدار اول مربوط به فاصله افقی (X)‌،‌ مقدار دوم مربوط به فاصله عمودی (Y)، مقدار سوم میزان blur (محو) بودن (B) و مقدار چهارم مربوط به رنگ سایه (C) می باشد.

h1 {
	text-shadow: X Y B C;
}

مانند: 

در مورد مقدار X و Y لازم به ذکر است که فاصله های تعیین شده به نسبت خود متن محاسبه می شوند. همچنین می توان مقادیر منفی برای X و Y وارد نمود. اگر X منفی وارد شود سایه به سمت چپ و اگر Y منفی وارد شود، سایه به سمت بالا حرکت خواهد کرد.

مقدار B نیز که میزان افکت blur (نوعی افکت محو یا تار بودن) را تعیین می کند و می توان از وارد نمودن آن صرف نظر کرد.

همچنین این امکان وجود دارد که چند سایه را بصورت یکجا با جداکردن سایه ها بوسیله کاما (,) تعریف کرد. مثال: 

 ناگفته نماند که می توان رنگ سایه را به شکلrgba وhsla نیز وارد نمود و در آن میزانalpha را تعیین کرد.

p {
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

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

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

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

<% errorMessage %>

<% comment.name %>

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

<% reply.name %>

avatar

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

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

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

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

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

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

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