ویژگی text-decoration-line CSS
- صفحه قبل text-decoration-color
- صفحه بعدی text-decoration-style
تعریف و استفاده
ویژگی text-decoration-line نوع نصب‌دهی متن (خط زیر، خط بالایی، خط خورده) را تنظیم می‌کند.
توجه:لطفاً به ویژگی text-decoration مراجعه کنید، که یک ویژگی کوتاه‌نویسی برای 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 |
- صفحه قبل text-decoration-color
- صفحه بعدی text-decoration-style
