ویژگی Style textDecorationStyle
- صفحه قبلی textDecorationLine
- صفحه بعدی textIndent
- برگشت به طبقه بالاتر موضوع Style HTML DOM
تعریف و استفاده
textDecorationStyle نحوه نمایش خط (اگر موجود باشد) را تنظیم یا بازگردانید.
لطفاً به
دستورالعمل CSS:ویژگی text-decoration-style
مثال
نمایش امواج در زیر پاراگراف:
document.getElementById("myP").style.textDecorationStyle = "wavy";
قوانین
بازگشتی از ویژگی textDecorationStyle:
object.style.textDecorationStyle
تنظیم ویژگی textDecorationStyle:
object.style.textDecorationStyle = "solid|double|dotted|dashed|wavy|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| solid | مقدار پیش‌فرض. خط‌ها به صورت خطوط یکگانه نمایش داده می‌شوند. |
| double | خط‌ها به صورت خطوط دوگانه نمایش داده می‌شوند. |
| dotted | خط‌ها به صورت خطوط ضعیف نمایش داده می‌شوند. |
| dashed | خط‌ها به صورت خطوط ضعیف نمایش داده می‌شوند. |
| wavy | خط‌ها به صورت امواج نمایش داده می‌شوند. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | solid |
|---|---|
| مقدار بازگشتی: | رشته، که نمایش خطوط عناصر را نشان می‌دهد ویژگی text-decoration-style. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
جداول در اینجا شامل نسخه‌ای اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 79.0 | 36.0 | 12.1 | 44.0 |
- صفحه قبلی textDecorationLine
- صفحه بعدی textIndent
- برگشت به طبقه بالاتر موضوع Style HTML DOM
