CSS متن ڈیوآرکشن کثافت پراپری

پیشنهاد دوره:

تعریف و استفاده

ویژگی text-decoration-thickness تعیین می‌کند که خط‌کش تزئینی چگونه باشد.

لطفاً به:دستورالعمل‌های CSS:

ویژگی text-decorationCSS متن

آموزش CSS:

مثال

برای تنظیم خط‌کش تزئینی با ضخامت مختلف برای عناصر <h1>، <h2>، <h3>، <h4> استفاده کنید:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* استفاده از ویژگی‌های کوتاه */
h4 {
  text-decoration: underline solid red 50%;
}

آزمایش کنید

نوع دستور زبان CSS

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

مقدار ویژگی

مقدار توضیح
auto مرورگر انتخاب می‌کند که خط‌کش تزئینی چگونه باشد.
from-font اگر فایل فونت شامل اطلاعات مربوط به خط‌کش پیش‌فرض دارد، از این مقدار استفاده کنید. اگر نه، به صورت auto نمایش داده می‌شود.
length/percentage مقدار خط‌کش را به عنوان مقدار طول یا درصد تعیین کنید.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: initial.
inherit این ویژگی را از عنصر پدر خود ارث می‌برد. ببینید: inherit.

جزئیات فنی

مقدار پیش‌فرض: auto
وراثت: خیر
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS4
نوع دستور زبان JavaScript: object.style.textDecorationThickness="5px"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه مرورگر اولیه که این ویژگی را کامل پشتیبانی می‌کند، هستند.

کروم IE / Edge افرادا سافاری آپرا
89.0 89.0 70.0 12.1 75.0