cssblog.ir logo
P

text-indent

تعیین میزان دندانه (فرورفتگی) متن

این مشخصه در تعیین میزان دندانه (فرورفتگی) متن کاربرد دارد و می‌تواند مقادیر مثبت و منفی را قبول کند

معمولا در برخی استانداردهای مکاتبه و نوشتار گفته می‌شود که خط اول پاراگراف‌ها باید به اندازه ای به سمت داخل فرورفته باشد یا اصطلاحا دندانه داشته باشد. در CSS با استفاده از مشخصه text-indentمی‌توان چنین رفتاری را بوجود آورد. یعنی مثلا تعیین کنیم که خط اول پاراگراف‌ها به اندازه ۳۰ پیکسل به سمت داخل فرورفتگی داشته باشد. مثال: 

 خوشبختانه جهت نوشتار (direction) بخوبی در این مشخصه لحاظ می‌شود و اگر جهتrtl باشد مرورگر در انجام عمل دندانه دادن آن را لحاظ می کند.

مثال: 

 مسلما ما می‌توانیم از واحدهای نسبیrem وem نیز برای این مشخصه استفاده کنیم که اتفاقا این روش بسیار توصیه می ‌ود. چراکه با تغییر سایز فونت دیگر نیازی به تنظیم مجدد این مشخصه نیست. مثال: 

 
این مشخصه مقادیر منفی را نیز قبول می کند. مانند:

 مقادیر درصدی نیز قابل استفاده هستند. در این حالت درصدها بر مبنای عرض والد محاسبه می شوند. مانند:

ارث بری

نکته ای که درباره ارث بری این مشخصه وجود دارد این است که مقدار text-indentتوسط فرزندان عنصر که display: inline-blockداشته باشند به ارث برده خواهد شد و در صورتیکه چنین قصدی نداشته باشیم باید بصورت دستی مقدار text-indentرا صفر کنیم.

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

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

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

<% errorMessage %>

<% comment.name %>

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

<% reply.name %>

avatar

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

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

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

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

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

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

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