ویژگی Style textDecorationLine
- صفحه قبلی textDecorationColor
- صفحه بعدی textDecorationStyle
- بازگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
textDecorationLine تنظیم ویژگی‌ها یا بازگشتی که خط تزئین دریافت می‌کند (اگر وجود دارد).
نکته:شما همچنین می‌توانید از ویژگی textDecoration برای تنظیم textDecorationLine، این ویژگی یک شورت‌کر از ویژگی‌های زیر است:
نکته:شما همچنین می‌توانید چندین مقدار را ترکیب کنید، مانند underline و overlineبرای نمایش خط در زیر و بالای متن به طور همزمان مراجعه کنید.
لطفاً به
دستورالعمل CSS:ویژگی text-decoration-line
مثال
نمونه نمایش پاراگرافی که در بالای آن خطی وجود دارد:
document.getElementById("myP").style.textDecorationLine = "overline";
منطق
بازگشتی ویژگی textDecorationLine:
موضوع.style.textDecorationLine
تنظیم ویژگی textDecorationLine:
موضوع.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| none | مقدار پیش‌فرض. این ویژگی تعیین می‌کند که هیچ خطی در تزئین متن نمایش داده نشود. |
| underline | این ویژگی تعیین می‌کند که یک خط زیر متن نمایش داده شود. |
| overline | این ویژگی تعیین می‌کند که یک خط بر روی متن نمایش داده شود. |
| line-through | این ویژگی تعیین می‌کند که یک خط از طریق متن نمایش داده شود. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | بدون |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده ویژگی text-decoration-line. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگرها
جداول شامل نسخه اولین مرورگرهایی که این ویژگی را کامل پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 79.0 | 36.0 | 7.0 Webkit | 44.0 |
- صفحه قبلی textDecorationColor
- صفحه بعدی textDecorationStyle
- بازگشت به لایه بالاتر موضوع Style HTML DOM
