CSS text-decoration-line نمائش

تعلیم اور استعمال

text-decoration-line کا نمبر، کس طرح کی تکنیک کا استعمال کرنا ہوگا (تھلے نقطہ، اوپر نقطہ، سورجی نقطہ)。

نکات:وسیلہ نظر بند دیکھیئے، جو text-decoration-line، text-decoration-style اور text-decoration-color کا لفظی خاتمہ ہے。

توجه:شما همچنین می‌توانید چندین مقدار را ترکیب کنید، مانند underline و overline، تا خطوط در بالا و پایین متن نمایش داده شوند.

لطفاً به:

آموزش CSS:CSS متن

دستورالعمل مرجع HTML DOM:textDecorationLine ویژگی

مثال

تنظیم خطوط مختلف text-decoration:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

آزمایش کنید

جمله‌بندی CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

مقدار ویژگی

مقدار توضیح
none مقدار پیش‌فرض. مشخص می‌کند که text-decoration هیچ خطی ندارد.
underline مشخص می‌کند که خطی در پایین متن نمایش داده شود.
overline مشخص می‌کند که خطی در بالای متن نمایش داده شود.
line-through مشخص می‌کند که خطی به صورت افقی در میان متن نمایش داده شود.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. ببینید: inherit.

جزئیات فنی

مقدار پیش‌فرض: none
وراثت: خیر
انیمیشن ساخت: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
جمله‌بندی JavaScript: object.style.textDecorationLine="overline"

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

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

اعداد -webkit- یا -moz- نشان‌دهنده نسخه اولیه با استفاده از پیشوند است.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0